diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css
new file mode 100644
index 0000000000..52d383b56d
--- /dev/null
+++ b/main/css/cosmic_campus/default.css
@@ -0,0 +1,1585 @@
+/*****************************************************
+ * MAIN COSMIC - CAMPUS *
+ *****************************************************/
+body {
+ font-family: bold arial, verdana, helvetica, sans-serif;
+ font-size: 12px;
+ color: #000;
+ margin: 0;
+ padding: 0;
+ background-color: #ffffff;
+}
+
+#outerframe {
+ position: relative; /* do not remove, fixes a bug in IE */
+ background-color: #fff;
+
+}
+
+/* Hides from IE5-mac \*/
+* html #outerframe {height: 1%;}
+/* End hide from IE5-mac */
+
+#main {
+ position: relative; /* to avoid the IE peekabo bug*/
+ margin: 0px auto;
+ margin-top: 10px;
+ width: 98%;
+ padding: 0px 10px 10px 10px;
+ background-color: transparent;
+ min-height: 320px;
+ border-top: 10px #999999;
+ background-repeat: no-repeat;
+}
+
+
+/* for content section in main index.php file */
+/*
+|----------------------------------------------------------------------------
+| modified: to fit img and blocks in home page
+|----------------------------------------------------------------------------
+|
+*/
+.maincontent {
+ float: left;
+ width: 68%;
+ padding: 0 20px 0 20px;
+ background-color: transparent;
+ min-height: 333px;
+ margin-top:0;
+ border-top: 10px #999999;
+
+}
+
+/*
+
+.maincontent td {
+ float: left;
+ width: 100%;
+ padding: 4px;
+}
+*/
+#center {
+ margin: 0 190px 0 0;
+ padding: 10px 0 40px 0;
+ min-height: 300px;
+ background-color: #00ff00;
+}
+.invisible {
+ color: #999;
+}
+.invisible a:link, .invisible a:visited {
+ color: #999;
+}
+a.invisible:link, a.invisible:visited {
+ color: #999;
+}
+.clear {clear: both; line-height: 0px; height: 0;}
+
+
+input.link_alike { background-color: #FFFFFF; border-width: 0px;
+ color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
+input.link_alike:hover { background-color: #FFFFFF; border-width: 0px;
+ color: #f3840d; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
+
+/*****************************************************
+ * REDEFINED HTML TAGS *
+ *****************************************************/
+img {
+ border: none;
+
+}
+p,blockquote,ol,ul {
+ font-size: 12px;
+}
+h1 {
+ font-size: 21px;
+}
+h2 {
+ font-size: 18px;
+}
+h3 {
+ font-size: 15px;
+ margin-top:0px;
+ padding-top:0px;
+}
+h4 {
+ font-size: 12px;
+}
+h5,h6 {
+ font-family: verdana, arial, helvetica, sans-serif;
+}
+
+/* the following for regular elements */
+a:link {
+ text-decoration: none;
+ font-weight : bold;
+ color : #333;
+}
+a:visited {
+ text-decoration: none;
+ font-weight : bold;
+ color : #333;
+}
+a:hover {
+ text-decoration: none;
+ color: #f3840d;
+ font-weight: bold;
+}
+a:active {
+ text-decoration: none;
+ font-weight : bold;
+ color : #f00;
+}
+select, textarea {
+ color : #000;
+ border: 1px solid #000;
+}
+input.checkbox {
+ border-width: 0;
+}
+
+
+select,
+input[type=checkbox],
+input[type=radio],
+input[type=button],
+input[type=submit] {cursor: pointer; font-size: 12px;}
+input[text] {font-size: 12px; }
+
+/* user_portal course status icon */
+.coursestatusicons{
+ border: 0px solid #000;
+ float: left;
+ padding-right: 5px;
+ width: auto;
+}
+
+/* user_portal course list */
+.courses {
+ list-style-type: none;
+ margin-bottom: 5px;
+}
+/*****************************************************
+ * HEADER STYLES *
+ *****************************************************/
+#header {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+}
+/********************************************************
+ * HEADER 1: Title, portal, organisation, course title *
+ ********************************************************/
+#header1 {
+ font-size: 12px;
+ padding: 4px;
+ background-color: #7171b7;
+ color: #666;
+ height: 50px;
+ background-image: url(images/header.jpg);
+ Background-repeat: no-repeat;
+
+
+}
+#logoDemo{
+ position: relative;
+ float:right;
+ width:317px;
+ height:120px;
+ margin-bottom: 0px;
+ margin-top: 15px;
+ margin-right: 5px;
+ padding: 0px 0px 0px 0px;
+ background: transparent;
+ background-image: url("images/logoDemo.png");
+}
+#header1 a {
+ color: #fff;
+ text-decoration: none;
+}
+#header1 a:hover{
+ text-decoration: underline;
+}
+#sitename {
+ margin: 0;
+ font-weight: bold;
+}
+
+#top_corner
+{
+
+}
+
+#institution {
+ float: left;
+ font-weight: bold;
+}
+#my_courses {
+ float: right;
+ font-weight: bold;
+}
+/********************************************************
+ * HEADER 2: Users online, help, student/teacher view *
+ ********************************************************/
+#header2 {
+ position: relative; /* to avoid the IE peekabo bug*/
+ font-size: 1.0em;
+ font-weight: normal;
+ min-height:10px;
+ padding: 0.2em 0.5em;
+ padding-bottom: 0.2em;
+ background: #A7A7E5;
+ color: #666;
+
+}
+#header2 a {
+ color: #666;
+ text-decoration: none;
+ font-weight:normal;
+}
+#header2 a:hover{
+ text-decoration: underline;
+}
+/* Header2Right: online users, student/teacher view, help */
+#Header2Right ul{
+ position: relative; /* to avoid the IE peekabo bug*/
+ float: right;
+ width: 70%;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ text-align: right;
+}
+#Header2Right ul li {
+ display: inline;
+ color:#ffffff;
+}
+#Header2Right ul li a {
+ padding: 4px 6px 4px 4px;
+ color:#f1d40d;
+}
+
+
+/*****************************************************
+ * HEADER 3: TABS OF THE HEADER *
+ *****************************************************/
+#header3 {
+ font-size: 1.0em;
+ padding: 0.8em 0.5em 0.4em 0.5em;
+ background: #fff;
+ color: #006;
+ border-bottom: 1px solid #aeaeae;
+ height:25px;
+ margin-bottom: 1px;
+ background-image: url(images/fondoHeader3.jpg);
+
+}
+#header3 A {
+ PADDING: 10px 0px 20px 0px;
+ DISPLAY: block;
+ width:150px;
+ height:25px;
+ BACKGROUND: url(images/tab.png) no-repeat;
+ COLOR: #fff;
+ TEXT-DECORATION: none;
+ text-align:center;
+}
+#header3 A:hover {
+ COLOR: #fff;
+ BACKGROUND: url(images/tabHover.png) no-repeat;
+
+}
+#header3 UL {
+ PADDING-RIGHT: 75px;
+ PADDING-LEFT: 10px;
+ PADDING-BOTTOM: 0px;
+ MARGIN: 0px;
+ LIST-STYLE-TYPE: none;
+ display: inline;
+ width:50px;
+ height:50px;
+
+}
+#header3 LI {
+ PADDING-RIGHT: 0px;
+ PADDING-LEFT: 9px;
+ FLOAT: left;
+ PADDING-BOTTOM: 0px;
+ MARGIN: 0px;
+ PADDING-TOP: 0px;
+ /*border-bottom: 1px solid #dcdcdc;*/
+}
+#header3 LI:hover {
+ PADDING-RIGHT: 0px;
+ PADDING-LEFT: 9px;
+ PADDING-BOTTOM: 0px;
+ MARGIN: 0px;
+ PADDING-TOP: 0px
+}
+#header3 #current {
+
+}
+#header3 #current A {
+ COLOR: #666;
+ BACKGROUND:url(images/tabCurrent.png) no-repeat;
+
+
+}
+
+#header3 .banner_links {
+ margin: 0;
+}
+
+#header3 input.logout {
+ /* makes an input appear like a link in this header */
+ margin: 0 0 0 0;
+ padding: 50px 50px 30px 0px;
+ background-color: transparent;
+ border: none;
+ COLOR: #fff;
+ font-size: 1.0em;
+ font-weight:bold;
+ font-family: verdana, arial, helvetica, sans-serif;
+ display: inline;
+
+ PADDING-RIGHT: 10px;
+ PADDING-TOP: 3px;
+}
+#header3 input:hover {
+ COLOR: #999;
+
+}
+#header3 input {
+ PADDING-RIGHT: 15px;
+ DISPLAY: block;
+ PADDING-LEFT: 6px;
+}
+#header3 #logout {
+ margin-top: 0px;
+}
+
+#header3 input.logout:hover {
+
+}
+#logout{
+ display: inline;
+ float: right;
+ width: auto;
+ text-align: right;
+ font-size: 1.0em;
+}
+
+/*****************************************************
+ * HEADER 3: not used *
+ *****************************************************/
+#header4 {
+ background-color: transparent;
+ color: #009;
+ padding: 2px;
+ margin-bottom: 1px;
+ margin-top: 0px;
+ margin-left: 18px;
+ position:relative;
+ float: left;
+ clear:left;
+}
+#header4 a {
+ color: #7171b7;
+ font-size:12px;
+ background:transparent;
+}
+#header4 a:hover {
+ text-decoration: none;
+ color: #f3840d;
+}
+/* The tool shortcuts */
+#toolshortcuts {
+ text-align: right;
+ clear: right;
+}
+
+/*****************************************************
+ * FOOTER STYLES *
+ *****************************************************/
+#footer {
+ padding: 60px;
+ height: 10px;
+ background-color: #ffffff;
+ background-image: url(images/footer.jpg);
+ background-repeat: no-repeat;
+ font-size: 12px;
+ color:#ffffff;
+
+}
+#footer .copyright {
+ float: right;
+}
+#footer a{
+ color:#f1d40d;
+
+}
+#bottom_corner
+{
+
+}
+
+/*****************************************************
+ * NAVIGATION MENU *
+ *****************************************************/
+.menu {
+ float: right;
+ width: 200px;
+ min-height: 150px;
+ background-color: #F0F0F0;
+ border: 1px solid #bbb;
+ padding: 60px 10px 10px 10px;
+ background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center;
+}
+
+.menucaption {
+ font-size: 12px;
+ font-weight: bold;
+ padding-left: 12px;
+}
+.menusection {
+ width: auto;
+ margin: 24px 6px 0 6px;
+ padding-left: 10px;
+ border: 1px solid #bbb;
+}
+.menusectioncaption {
+ position: relative;
+ top: -9px;
+ background-color:#F0F0F0;
+ font-size: 12px;
+ padding: 0 8px 0 4px;
+}
+.menulist {
+ list-style: none;
+ margin: 0 0 12px 0;
+ padding: 0;
+}
+#centerwrap {
+ float: left;
+ width: 100%;
+ margin-right: -95%;
+ /* this needs to be less than 100% for Moz/Mac which thinks
+ it's empty otherwise. The difference is made up by putting a
+ negative left margin on the left float:
+ Note IE/Mac doesn't like this method ~ it wants the 100% so it can
+ be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
+ */
+}
+/* --- course navigation menu as a definition list --- */
+#toolnavbox {
+ margin: 0 0 0 10px;
+ padding: 0;
+ float: left;
+ border: 1px solid #f0f0f0;
+}
+#toolnavbox dl {
+ width: 160px;
+ margin: 0 auto;
+ padding: 0;
+ background: transparent;
+ font-size: 12px;
+ text-align: center;
+}
+#toolnavbox dt {
+ margin: 0;
+ padding: 0;
+ font-weight: bold;
+ font-size: 12px;
+ text-align: center;
+ color: #000;
+ border-bottom: 1px solid #fff;
+ background: transparent;
+}
+#toolnavbox dd {
+ margin: 0;
+ padding: 0;
+ color: #009;
+ text-align: left;
+ border-bottom:1px solid #fff;
+ background: #E5EDF9;
+}
+#toolnav img {
+ float: left;
+ width: 25px;
+ height: 25px;
+ margin: 0 4px 0 0;
+}
+#toolnavlist a, #toolnavlist a:link {
+ background: #E5EDF9;
+ color: #dcdcdc;
+ padding: 5px 5px 5px 10px;
+ margin: 0;
+ text-decoration: none;
+ display: block;
+}
+#toolnavlist a:hover {
+ background: #fff;
+ color:#dcdcdc;
+}
+#toolnavlist a#here {
+ background: #fff;
+ color:#dcdcdc;
+}
+/* --- end of course navigation menu section --- */
+/*
+this lets the navigation menu appear to the left:
+#center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
+ min-height: 300px; }
+
+#toolnav { float: left; width: 180px; padding: 20px 0 0 0;
+ margin-left: -5%;
+}
+#toolnav { float: right; width: 180px; padding: 0; margin: 0;
+ margin-left: -5%; /* the difference to make the left colum appear flush left */
+}
+
+/* Hide from IE5-mac. Only IE-win sees this. \*/
+* html #toolnav { margin-right: 0px;}
+* html #center { height: 1%; margin-left: 0; }
+ /* End hide from IE5/mac */
+*/
+
+/*****************************************************
+ * LOGIN AND LANGUAGE FORM *
+ *****************************************************/
+#lang_form {
+ text-align: left;
+ font-size: 12px;
+ margin: 2px 0 10px 0;
+ padding: 2px;
+}
+#lang_form input, #lang_form select{
+ font-size: 12px;
+ margin-left: 10px;
+}
+
+#formLogin label {
+ font-size: 12px;
+ margin: 4px 6px;
+}
+#formLogin input {
+ font-size: 13px;
+ margin: 4px 6px;
+}
+#login_fail {
+ margin: 0 6px 6px 6px;
+ padding: 4px;
+ border: 1px solid #f00;
+ background-color: #fff;
+ font-size: 12px;
+ color: #f00;
+}
+input.mainoption {
+ font-weight : bold;
+}
+input.liteoption {
+ font-weight : normal;
+}
+
+
+
+
+
+/*****************************************************
+ * COURSE HOMEPAGE *
+ *****************************************************/
+/* various sections in course-home.php file */
+#toolremove {
+ width: 40%;
+ color: #f00;
+ font-weight: bold;
+ margin: 10px auto;
+ padding: 10px;
+ border: 2px solid #f00;
+}
+
+#courseintro { clear: both; width: 80%; margin: 10px auto;
+ padding: 10px; border-bottom: 1px solid #dcdcdc;}
+#courseintro_icons { clear: both; width: 80%; margin: 10px auto;}
+
+.everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/
+ width: 80%; margin: 10px auto; padding: 10px;}
+
+.courseadminview, .platformadminview {position: relative; width: 80%;
+ margin: 25px auto 10px; padding: 10px; border: 1px solid #4171B5;}
+
+.viewcaption {position: relative; top: -20px; font-size: 12px;
+ font-weight: bold; color: #7171b7; background-color: #fff; padding: 0 4px;}
+/***********************************/
+
+/*****************************************************
+ * AGENDA *
+ *****************************************************/
+#agenda {
+ width: 100%;
+ margin: 0 auto;
+ border: 1px solid #bbb;
+ border-collapse: collapse;
+}
+.agenda_month_divider {background-color: #dcdcdc; font-weight: bold;
+ font-size: 12px; color: #fff; text-align: center;}
+#agenda .title a { color: #fff;}
+#agenda .agendaitem {font-size: 12px;}
+#smallcalendar .title {background-color: #dcdcdc; font-weight: bold; padding: 2px;
+ color: #666; text-align: center; font-size: 11px;}
+#smallcalendar .title a { color: #666;}
+#agenda_select {list-style: none; border: 0px solid green;
+ margin: 30px 0 0 0; padding: 0 0 0 10px;}
+
+
+/* ---------------------------------------------------
+ styles for the agenda (day, week, month view)
+-----------------------------------------------------*/
+#agenda_list {width: 100%; margin: 0 auto; border: 1px solid #fff;
+ border-collapse: collapse;}
+
+/*The caption of the calendar (displays the month and the << and >> links*/
+#agenda_list .title {background-color: #dcdcdc; font-weight: bold;
+ font-size: 12px; color: #666; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #bbb;}
+#agenda_list .title a:link, #agenda_list #title a:visited {background-color: #dcdcdc; font-weight: bold;
+ font-size: 11px; color: #666; padding: 2px 10px;text-align: center;}
+#agenda_list .title a:hover {background-color: #dcdcdc; font-weight: bold;
+ font-size: 11px; color: #f3840d; padding: 2px 10px;text-align: center;}
+
+/* The cells with the name of the days of the weeks (mon->sun)*/
+#agenda_list .weekdays {background-color: #dcdcdc; text-align: center;
+ font-weight: bold; border: 1px solid #264269; border-collapse: collapse;}
+
+/* The cells for the days (1->31) */
+#agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top;
+ border: 1px solid #264269; border-collapse: collapse; background-color: #f5f5f5;}
+#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top;
+ border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;}
+#agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top;
+ border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;}
+
+/* text in the cells: display of agenda items (visible)*/
+#agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;}
+#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
+#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
+
+/*text in the cells: display of agenda items (invisible)*/
+#agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
+#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
+#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
+
+/*text in the cells: display of agenda items (highlighted)*/
+#agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
+ font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;}
+#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
+#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
+
+/* ---------------------------------------------------
+ styles for the mini agenda
+-----------------------------------------------------*/
+#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff;
+ border-collapse: collapse;}
+#smallcalendar .weekdays {background-color: #dcdcdc; text-align: center;
+ font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse;}
+#smallcalendar .days_week {background-color: #f5f5f5; text-align: center;
+ font-size: 11px; border-collapse: collapse;}
+#smallcalendar .days_weekend {background-color: #e6e6e6; text-align: center;
+ font-size: 11px; border: 1px solid #fff; border-collapse: collapse;}
+#smallcalendar .days_today {width: 12%; text-align: center;
+ font-size: 11px; border: 1px solid #FA8500; border-collapse: collapse; background-color: #FFCA8D;}
+
+/* ---------------------------------------------------
+ styles for the personal agenda
+-----------------------------------------------------*/
+.personal_agenda {color: #008000; }
+.personal_agenda a:link, .personal_agenda a:visited {color: #008000; }
+a.personal_agenda:link, a.personal_agenda:visited {color: #008000; }
+.personal_agenda a:hover, .personal_agenda a:hover {color: #666666; }
+a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; }
+
+
+
+/*****************************************************
+ * DISPLAY MESSAGES *
+ *****************************************************/
+/* normal and erro message-box */
+.normal-message {
+ position: relative;
+ margin: 10px auto;
+ margin-left: -250px;
+ width: 500px;
+ left: 50%;
+ right: 50%;
+ border-width: 1px;
+ border-style: solid;
+ padding: 5px;
+ border: 1px solid #dcdcdc;
+ color: #000;
+ background-color: #E5EDF9;
+ min-height: 30px;
+}
+.warning-message {
+ position: relative;
+ margin: 10px auto;
+ margin-left: -250px;
+ width: 500px;
+ left: 50%;
+ right: 50%;
+ border-width: 1px;
+ border-style: solid;
+ padding: 5px;
+ border: 1px solid #FFB30F;
+ color: #000;
+ background-color: #FFEFA7;
+ min-height: 30px;
+}
+.confirmation-message {
+ position: relative;
+ margin: 10px auto;
+ margin-left: -250px;
+ width: 500px;
+ left: 50%;
+ right: 50%;
+ border-width: 1px;
+ border-style: solid;
+ padding: 5px;
+ border: 1px solid #1F8323;
+ color: #000;
+ background-color: #CAF0C7;
+ min-height: 30px;
+}
+.error-message {
+ position: relative;
+ margin: 10px auto;
+ margin-left: -250px;
+ width: 500px;
+ left: 50%;
+ right: 50%;
+ border-width: 1px;
+ border-style: solid;
+ padding: 5px;
+ border: 1px solid #FF0000;
+ color: #000;
+ background-color: #FFD1D1;
+ min-height: 30px;
+}
+.confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link
+{
+ position: absolute;
+ bottom: 0.2em;
+ right: 0.5em;
+}
+
+#message {margin: 0 auto; text-align: center;}
+#message select {margin: 10px 0; width: 220px;}
+#message textarea {margin: 10px 0;}
+#message td {padding: 4px;}
+
+/**********************************************
+ * DOCUMENT MODULE *
+ **********************************************/
+/* styles from the document.php file */
+.comment { margin-left: 30px; }
+
+/* styles from the upload.php file */
+dl.upload_option {margin: 1em 0; padding: 0;}
+.upload_option dt {font-weight:bold; margin:0;}
+.upload_option dd {margin:0;}
+
+/**********************************************
+ * DROPBOX MODULE *
+ **********************************************/
+/* styles from dropbox.php file */
+.dropbox_detail {font-size: small}
+.dropbox_date {
+ color: #737780;
+ font-style: italic ;
+ font-weight: normal;
+}
+.dropbox_person {font-weight: bold}
+.dropbox_listTitle { color: #000000;}
+.dropbox_feedback {font-size: x-small; height: 50px; width: 200px; overflow: auto}
+.dropbox_feedbacks {height: 250px; width: 100%; overflow: auto}
+
+/**********************************************
+ * CHAT MODULE *
+ **********************************************/
+/* styles for chat / conference tools */
+#chat_entermessage {
+background-color: #D6E5FA; border-top: 1px solid #dcdcdc;
+ padding: 5px; margin: 0;}
+
+/* the following for the greyed out elements */
+a.nobold:link, a.nobold:visited, a.nobold:active { font-weight: normal; color: #999; margin: 0 0 0 25px;}
+a.nobold:hover { font-weight: normal; color: #999; text-decoration: underline; margin: 0 0 0 25px;}
+
+.note { margin: 6px; font-size: 12px; line-height: 14px;
+ font-family: verdana, arial, helvetica, sans-serif; background-color: #f0f0f0;
+ color: #666666; border: 1px solid #bbb; padding: 10px 10px 10px 10px;}
+ .note b {margin: 10px 10px 5px 0px; }
+
+.alternativeBgLight { background-color: #f5f5f5;
+ border: 1px solid #dcdcdc; border-collapse: collapse;}
+.alternativeBgDark { background-color: #ccf;
+ border: 1px solid #dcdcdc; border-collapse: collapse;}
+.myagendatoday {
+ background-color: #FFCA8D;
+ border-collapse: collapse;
+ font-family: verdana, arial, helvetica, sans-serif;
+ color: #CC3300;
+ font-weight: bold;
+ }
+
+/*****************************************************
+ * FORM STYLES *
+ *****************************************************/
+div.row {
+ clear: both;
+ padding-top: 5px;
+}
+div.row div.form_header {
+ white-space: nowrap;
+ padding: 2px;
+ background-color: #f0f0f0;
+ border: 1px solid #bbb;
+}
+div.row div.label {
+ float: left;
+ width: 18%;
+ text-align: right;
+}
+div.row div.formw {
+ width: 80%;
+}
+[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
+ float: left;
+ text-align: right;
+}
+[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
+ float: right;
+ text-align: left;
+}
+span.form_required {
+ color: #f00;
+}
+span.form_error {
+ color: #f00;
+ font-size: x-small;
+ margin: 2px;
+}
+
+/*****************************************************
+ * DATA TABLE STYLES *
+ *****************************************************/
+.cell_header {background-color: #EEEEFF;font-weight:bold;text-align:left;padding-left:5px;} /* header cell in data table in tools */
+
+.data_table{
+ border-collapse: collapse;
+ width: 100%;
+ padding: 5px;
+}
+.data_table th{
+ padding-right: 12px;
+ border: 1px solid gray;
+ background-color: #f0f0f0;
+}
+.data_table tr.row_odd{
+ background-color: #fafafa;
+ }
+.data_table tr.row_odd:hover, .data_table tr.row_even:hover{
+ background-color: #f0f0f0;
+}
+.data_table tr.row_even{
+ background-color: #fff;
+}
+.data_table td{
+ padding: 5px;
+ vertical-align: top;
+ border-bottom: 1px solid #b0b0b0;
+ border-right: 1px dotted #e1e1e1;
+ border-left: 1px dotted #e1e1e1;
+}
+
+/* admin page tool list definitions */
+.tool_list dt { font-weight: bold; }
+.tool_list dd { margin: 0; padding: 4px 0 0 10px;}
+
+/* divs for category list / platform news on home page */
+.home_cats {width: 45%; float: left; position: relative;
+ margin: 0; padding: 0px; padding-top: 8px; background: transparent;}
+
+.home_news {width: 45%; float: right; position: relative;
+ margin: 0; padding: 0px; padding-top: 8px; background: #fff;}
+
+
+label.left { float: left; width: 15em; margin: 0 0 0.5em 0; }
+form br { clear: both; }
+
+/* Fix for alignment problem in IE-Win browsers */
+/* Hide from IE5-mac. Only IE-win sees this. \*/
+* html .label { margin-right: 10px; }
+* html .data { height: 1%; margin-left: 0;}
+/* End hide from IE5/mac */
+
+.radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;}
+
+.required { color: #f00; font-weight: bold;}
+
+/* Admin section */
+div.admin_section {
+ width: 40%;
+ float: left;
+ padding: 5px;
+ margin: 10px 20px;
+}
+div.admin_section h4 {
+ margin: 0;
+ border-bottom: 1px solid gray;
+ width: 100%;
+}
+.user_course_category {
+ background-color: #efefef;
+ border: 1px solid #666;
+ font-weight: bold;
+ color: #666;
+ list-style-type: none;
+ margin: 5px;
+ padding: 5px;
+}
+/***************************************************************
+ * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION *
+ ***************************************************************/
+.settingtitle{
+ background-color: #EFEFEF;
+ border: 1px solid #cccccc;
+ font-weight: bold;
+ color: #666666;
+ list-style-type: none;
+ margin: 5px;
+ padding: 5px;
+ font-size: 11px;
+ }
+.settingcomment{
+ color: #000000;
+ margin: 5px;
+ padding: 5px;
+ font-size: 11px;
+}
+.settingvalue{
+ list-style-type: none;
+ margin: 5px;
+ padding: 5px;
+}
+
+/*****************************************************
+ * ANNOUNCEMENTS *
+ *****************************************************/
+.announcements_datum
+{
+ font-size: 12px;
+ font-style: italic;
+ color: #666666;
+}
+/*****************************************************
+ * SYSTEM ANNOUNCEMENTS *
+ *****************************************************/
+div.system_announcements{
+}
+div.system_announcements h3{
+
+}
+div.system_announcement{
+ margin: 5px;
+}
+div.system_announcement_title{
+}
+div.system_announcement_content{
+ margin-left: 20px;
+ border-left: 1px solid gray;
+ padding-left: 5px;
+}
+
+
+
+
+
+
+/*****************************************************
+ * THE NEW FORUM *
+ *****************************************************/
+/* **** FORUM CATEGORY **** */
+.forum_category {
+ background-color: #0066CC;
+ color: #fff;
+}
+.forum_category a{
+ color: #fff;
+}
+.forum_category_header {
+ background-color: #0066CC;
+ color: #fff;
+}
+tr.forum_category_header a{
+ color: #fff;
+}
+
+/* **** FORUM **** */
+.forum_header{
+ background-color: #EFEFEF;
+}
+
+/* **** THREAD **** */
+.forum_threadheader{
+ color: #aaa;
+ background-color: #F7F7F7;
+}
+tr.forum_threadheader td{
+}
+
+/* **** POST **** */
+.quote{
+ background-color: #EFEFEF;
+}
+.forum_message_left {
+ width: 150px;
+ vertical-align: top;
+ /*border-bottom: 1px solid #666666;*/
+ border-right: 1px solid #aaa;
+ background-color: #F7F7F7;
+}
+.forum_message_left_2_be_approved {
+ width: 150px;
+ vertical-align: top;
+ /*border-bottom: 1px solid #666666;*/
+ border-right: 1px solid #aaa;
+ background-color: #F7F7F7;
+ color: #999;
+}
+.forum_message_post_title{
+ /*border-bottom: 1px solid #666666;*/
+ font-weight: bold;
+ background-color: #F7F7F7;
+ height: 20px;
+}
+.forum_message_post_title_2_be_approved{
+ /*border-bottom: 1px solid #666666;*/
+ color: #999;
+ font-weight: bold;
+ background-color: #F7F7F7;
+ height: 20px;
+}
+.forum_message_post_text{
+ /*border-bottom: 1px solid #666666;*/
+ margin-bottom: 10px;
+ vertical-align: top;
+}
+.forum_message_post_text_2_be_approved{
+ /*border-bottom: 1px solid #666666;*/
+ color: #999;
+ margin-bottom: 10px;
+ vertical-align: top;
+}
+.current{
+ font-weight: bold;
+}
+.structure{
+ /*border-bottom: 1px solid #666666;*/
+ font-weight: bold;
+ background-color: #F7F7F7;
+ height: 20px;
+}
+a.forum_group_link {
+ font-weight: lighter;
+ display:inline;
+}
+
+.forum_description {
+ color: #000;
+ font-weight: normal;
+ font-style: italic ;
+}
+
+.forum_title{
+ color: #000;
+ font-size: 12px;
+
+}
+.forum_low_description{
+ color: #737780;
+ font-style: italic ;
+ font-weight: normal;
+}
+
+.forum_attach_comment {
+ color: #737780;
+ font-style: italic ;
+ font-weight: normal;
+}
+
+
+/* **** BLOG **** */
+span.blog_title {
+ font-size: 20px;
+ font-weight: bold;
+ color: #3D4091;
+}
+span.blog_subttitle {
+ font-size: 12px;
+}
+td.blog_left {
+ margin-right: 5px;
+ padding-right: 5px;
+ border-right: 1px solid #dddddd;
+}
+td.blog_right {
+ padding-left: 10px;
+}
+td.blog_menu_title {
+ background-color: #dddddd;
+ color: #3D4091;
+ font-weight: bold;
+ font-size: 11px;
+ padding: 2px;
+}
+td.blog_menu {
+ border-bottom: 1px dashed #dddddd;
+ border-right: 1px dashed #dddddd;
+ border-left: 1px dashed #dddddd;
+ padding: 10px;
+}
+td.blog_menu ul {
+ margin-top: 0;
+ margin-right: 0;
+ margin-bottom: 0;
+ margin-left: 15px;
+ padding: 0;
+}
+td.blog_menu ul li {
+}
+span.blogpost_title {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ color: #3D4091;
+ padding-bottom: 5px;
+}
+span.blogpost_date {
+ display: block;
+ font-size: 12px;
+ font-weight: bold;
+ color: #333333;
+ padding-bottom: 10px;
+}
+span.blogpost_info {
+ display: block;
+ color: #333333;
+ border-top: 1px solid #dddddd;
+ margin-top: 5px;
+}
+table.newBlog {
+ border: 1px solid #dddddd;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ background-color: #f6f6f6;
+}
+table.newTask {
+ border: 1px solid #dddddd;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ background-color: #f6f6f6;
+}
+table.new_comment {
+ border: 1px solid #dddddd;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ background-color: #F4F4F4;
+}
+div.blogpost_comment {
+ border-top: 1px dashed #dddddd;
+ border-right: 1px dashed #dddddd;
+ border-bottom: 1px dashed #dddddd;
+ border-left: 1px dashed #dddddd;
+ margin-bottom: 10px;
+ padding: 10px;
+ background-color: white;
+}
+span.blogpost_comment_title {
+ display: block;
+ font-size: 14px;
+ font-weight: bold;
+ color: #1657A9;
+ padding-bottom: 5px;
+}
+span.blogpost_comment_date {
+ display: block;
+ font-size: 10px;
+ font-weight: bold;
+ color: #333333;
+ padding-bottom: 10px;
+}
+span.blogpost_comment_info {
+ font-size: 10px;
+ display: block;
+ color: #333333;
+ border-top: 1px solid #dddddd;
+ margin-top: 10px;
+}
+div.blogpost {
+ border: 1px solid #DDDDDD;
+ background-color: #ECECEC;
+ margin-bottom: 15px;
+ padding: 10px;
+}
+div.comments {
+ border: 1px solid #dddddd;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ background-color: #F4F4F4;
+}
+
+.attachment_comment {
+ color: #737780;
+ font-style: italic ;
+ font-weight: normal;
+}
+
+
+.link {text-decoration: none; font-weight : bold; color : #1657A9; cursor: pointer}
+.link:hover {text-decoration: none; color: #abd9f1; font-weight: bold; cursor: pointer}
+
+/*****************************************************
+ * INSTALLATION *
+ *****************************************************/
+#installation_steps{
+ float:left;
+ background-color: #EFEFEF;
+}
+.current_step{
+ font-weight: bold;
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/************************************************************
+ styles below here are not necessarily used in the current
+ release and the CVS files, they are from earlier versions,
+ and have been left untouched for anyone needing them in
+ their own platform ...
+*************************************************************/
+.topBanner a:link, .topBanner a:active, .topBanner a:visited {
+ text-decoration:none;
+ color:white;
+}
+.topBanner table {
+ text-decoration:none;
+}
+.topBanner a:hover {
+ text-decoration:underline;
+}
+.topBanner td {
+ border-top: solid White 1px;
+}
+.alternativeBgLight {
+ background-color: #f5f5f5;
+}
+.alternativeBgDark {
+ background-color: #e6e6e6
+}
+.forms {
+ letter-spacing: normal;
+ text-align: justify;
+ text-indent: 3pt;
+ word-spacing: normal;
+ padding: 2px 5px;
+}
+.formsTips {
+text-align: justify;
+text-indent: 15pt;
+word-spacing: normal;
+}
+/*
+input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal;
+padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
+*/
+.warn {
+ border: thin double Silver;
+ margin-left: 15px;
+ margin-right: 15px;
+ font-family: serif;
+ color: Red;
+ padding-left: 25px;
+}
+.small {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px
+}
+.xsmall {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px
+}
+.xxsmall {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 9px
+}
+
+#glossary_menu li{
+ LIST-STYLE-TYPE: none;
+ display: inline;
+ padding-left:5px;
+}
+.glossary_divider
+{
+ text-transform: capitalize;
+ background-color: #CCCCCC;
+ padding: 3px;
+ font-weight: bold;
+ margin-bottom: 3px;
+ margin-top: 10px;
+}
+.glossary_word
+{
+ background-color: #F7F7F7;
+ padding: 3px;
+ font-weight: bold;
+ margin-bottom: 3px;
+ margin-top: 10px;
+}
+
+/*
+ * TABBED INTERFACE
+ */
+#tabbed_menu
+{
+ width: 100%;
+ height: 20px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ border-bottom-color: #666666;
+ margin-bottom: 20px;
+}
+#tabbed_menu #tabbed_menu_tabs li
+{
+ margin: 0 10;
+ padding: 0;
+ display: inline;
+ list-style-type: none;
+}
+#tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited
+{
+ float: left;
+ background: #f3f3f3;
+ font-weight: bold;
+ padding: 2px 10px 2px 10px;
+ margin-right: 4px;
+ border: 1px solid #cccccc;
+ border-bottom: 1px solid #666666;
+ text-decoration: none;
+ color: #666;
+}
+#tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active
+{
+ border: 1px solid #666666;
+ border-bottom: 1px solid #fff;
+ background: #fff;
+ color: #000;
+}
+
+#WCAG-editor {
+ border: 1px #DCDCDC solid;
+ background-color: #F0F0F0;
+ width: 100%;
+}
+
+#WCAG-editor .title {
+ padding: 2px;
+
+ background-color: #DCDCDC;
+
+ text-align: center;
+ color: #000000;
+ font-weight: bold;
+}
+
+#WCAG-editor .body {
+ padding-top: 5px;
+ padding-left: 5px;
+ padding-right: 13px;
+ padding-bottom: 5px;
+}
+
+#WCAG-editor textarea {
+ margin-left: 0px;
+ margin-right: 0px;
+ width: 100%;
+ height: 180px;
+
+ border: 1px #DCDCDC solid;
+}
+
+#WCAG-editor input {
+ width: 100%;
+}
+
+/* don't work on IE 6 */
+#WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
+ width: auto;
+}
+
+/* only for IE6 */
+#WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
+ width: auto;
+}
+
+#WCAG-content img {
+ float: left;
+ margin-right: 5px;
+ margin-bottom: 5px;
+}
+
+#WCAG-content p {
+ text-align: justify;
+}
+
+/* hack for IE < 7 */
+
+#course_description input {
+ width: auto;
+}
+
+#course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
+ width: 100%;
+}
+
+.WCAG-form textarea {
+ width: 100%;
+ height: 180px;
+}
+
+.skip {
+ display: none;
+}
+
+
+
+/*
+------------------------------------------------------------------------------
+ OTHERS
+------------------------------------------------------------------------------
+*/
+.input_titles{
+ width: 300px;
+}
+/*
+------------------------------------------------------------------------------
+ Survey
+------------------------------------------------------------------------------
+*/
+#survey_title{
+ background-color:#dcdcdc;
+ color:#000;
+ padding:2px;
+}
+#survey_subtitle{
+ background-color:#dcdcdc;
+ color:#000;
+ padding:2px;
+}
+.survey_content{
+ background-color:#EFEFEF;
+ color:#264269;
+ padding:5px;
+ border: 1px solid #999;
+}
+.survey_question_wrapper{
+ border: 1px solid #999;
+}
+.survey_question{
+ /* 264269 4271b5 E5EDF9 */
+ background-color:#f0f0f0;
+ color:#999;
+ padding:5px;
+ /*border: 1px solid #264269;*/
+}
+.survey_question_options{
+ /* 264269 4271b5 E5EDF9 */
+ background-color:#FFF;
+ color:#000;
+ padding:5px;
+ /*border: 1px solid #264269;*/
+}
+
+/*
+|----------------------------------------------------------------------------
+| Added: to fit img and blocks in home page
+|----------------------------------------------------------------------------
+|
+*/
+#hellomindfactory {
+ border: 1px solid #ccc;
+ margin:-14px 0 0 0;
+ width:690px;
+ height:428px;
+}
+#tophellomindfactory {
+ margin: 10px 5px 5px 5px;
+ height:200px;
+ width:680px;
+}
+
+.topa {
+ background:transparent url('images/logoa4.gif') no-repeat;
+}
+
+.topb {
+ background:transparent url('images/logob4.gif') no-repeat;
+}
+
+#bottomhellomindfactory {
+ margin: 5px;
+ height:200px;
+ width:680px;
+ background:transparent url('images/textologo.jpg') no-repeat;
+}
+/*
+.copyright {
+ display:none;
+}
+*/
+
+
+/*
+------------------------------------------------------------------------------
+ Learning path
+------------------------------------------------------------------------------
+*/
+#show_audiorecorder_div{background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:2px; width:350px;}
+
+
+
+
diff --git a/main/css/cosmic_campus/images/fondoHeader3.jpg b/main/css/cosmic_campus/images/fondoHeader3.jpg
new file mode 100644
index 0000000000..2154d1a15c
Binary files /dev/null and b/main/css/cosmic_campus/images/fondoHeader3.jpg differ
diff --git a/main/css/cosmic_campus/images/fondoNav.jpg b/main/css/cosmic_campus/images/fondoNav.jpg
new file mode 100644
index 0000000000..87762c923c
Binary files /dev/null and b/main/css/cosmic_campus/images/fondoNav.jpg differ
diff --git a/main/css/cosmic_campus/images/footer.jpg b/main/css/cosmic_campus/images/footer.jpg
new file mode 100644
index 0000000000..a58fd41d7e
Binary files /dev/null and b/main/css/cosmic_campus/images/footer.jpg differ
diff --git a/main/css/cosmic_campus/images/header.jpg b/main/css/cosmic_campus/images/header.jpg
new file mode 100644
index 0000000000..37c266d533
Binary files /dev/null and b/main/css/cosmic_campus/images/header.jpg differ
diff --git a/main/css/cosmic_campus/images/outer.png b/main/css/cosmic_campus/images/outer.png
new file mode 100644
index 0000000000..1bcc85fd8e
Binary files /dev/null and b/main/css/cosmic_campus/images/outer.png differ
diff --git a/main/css/cosmic_campus/images/tab.png b/main/css/cosmic_campus/images/tab.png
new file mode 100644
index 0000000000..d43ddd6304
Binary files /dev/null and b/main/css/cosmic_campus/images/tab.png differ
diff --git a/main/css/cosmic_campus/images/tabCurrent.png b/main/css/cosmic_campus/images/tabCurrent.png
new file mode 100644
index 0000000000..9ad8d96991
Binary files /dev/null and b/main/css/cosmic_campus/images/tabCurrent.png differ
diff --git a/main/css/cosmic_campus/images/tabHover.png b/main/css/cosmic_campus/images/tabHover.png
new file mode 100644
index 0000000000..e35884b791
Binary files /dev/null and b/main/css/cosmic_campus/images/tabHover.png differ
diff --git a/main/css/cosmic_campus/learnpath.css b/main/css/cosmic_campus/learnpath.css
new file mode 100644
index 0000000000..ff9e5bad29
--- /dev/null
+++ b/main/css/cosmic_campus/learnpath.css
@@ -0,0 +1,104 @@
+div.text {
+ margin-left : 6;
+ margin-right : 6;
+ margin-top : 5;
+ margin-bottom : 5;
+ text-align : justify;
+}
+span.messagesmall {
+ font-style : italic;
+ color : Red;
+}
+
+
+
+/* newscorm/learnpath */
+
+div.lp_actions{background:#F8F8F8; border-bottom:1px solid #999999; padding:3px;}
+
+div.lp_actions img{margin-right:5px;}
+
+
+div.lp_small_form{background:#F8F8F8; border:1px solid #999999; padding:10px;}
+
+div.lp_small_form input{font-size:10px;}
+
+
+div.lp_manipulate{background:#F8F8F8; border-bottom:1px dotted #999999; margin-bottom:0px; padding:3px 0 3px 10px;}
+
+div.lp_manipulate a{padding-right:10px;}
+
+
+div.lp_message{background:#FEC880; border:1px solid #E28C15; font-size:12px; padding:10px;}
+
+
+div.lp_resource_header{background:#F0F0F0; border:1px solid #999999; border-bottom:0; font-weight:bold; padding:10px; width:350px;}
+div.lp_resource_header_end{background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:10px; width:350px;}
+div.lp_resource_elements{background:#FAFAFA; border:1px solid #999999; border-bottom:0; display:none; padding:5px 10px; width:350px;}
+div.lp_resource_elements_end{background:#FAFAFA; border:1px solid #999999; border-top: 0px; display:none; padding:5px 10px; width:350px;}
+div.lp_resource_elements div{padding:3px;}
+
+div.lp_tree{height:400px; padding:3px 10px 3px 0; overflow-x : auto; overflow-y : scroll; width:230px;}
+
+
+hr{background:#999999; border:0; color:#999999; height:1px; margin:10px auto; width:75%;}
+
+
+option.bottom{border-top:1px solid #999999; margin-top:2px; padding-top:2px;}
+option.top{border-bottom:1px solid #999999; margin-bottom:2px; padding-bottom:2px;}
+
+p.lp_action{margin:5px 0;}
+p.lp_text{margin-top:0px;}
+p.lp_title{
+font-weight:bold;
+margin-top:0px;
+padding-left:7px;
+}
+
+
+table.lp_build{font-size:12px; height:400px; width:100%;}
+
+table.lp_build td{vertical-align:top;}
+table.lp_build td.tree{border-right:1px solid #999999; width:240px;}
+table.lp_build td.workspace{padding:0; width:auto;}
+
+table.lp_form{
+ font-size:12px;
+ margin:0 10px;
+ width:auto;
+}
+
+table.lp_form td{
+ height:25px;
+ padding:5px;
+ vertical-align:top;
+ width:auto;
+}
+table.lp_form td.label
+{
+ padding-top:7px;
+ text-align:right;
+}
+
+table.lp_form td.radio{width:300px;}
+table.lp_form td.exercise{width:50px;}
+table.lp_form th{background:#F8F8F8; border-bottom:1px solid #999999; border-top:1px solid #999999;}
+table.lp_overview th.exercise{width:50px;}
+
+table.lp_form input,table.lp_form select,table.lp_form textarea{background:#F8F8F8; border:1px solid #999999; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding:1px 2px; width:300px;}
+
+table.lp_form td.radio input,
+table.lp_form td.exercise input{width:auto;}
+table.lp_form .small_form{background:#FFFFFF;}
+table.lp_form select{padding:0;}
+table.lp_form input.button{width:75px;}
+
+table.lp_overview{font-size:12px; width:100%;}
+table.lp_overview td{border-bottom:1px solid #999999; border-top:1px solid #999999; height:20px; padding:3px; vertical-align:middle; width:auto;}
+table.lp_overview td.title{width:200px;}
+table.lp_overview td.actions{text-align:center; width:100px;}
+table.lp_overview td.move{text-align:center; width:50px;}
+table.lp_overview th{background:#FFFFFF; padding-left:3px; text-align:center;}
+table.lp_overview tr{background:#F8F8F8;}
+table.lp_overview tr:hover{background:#E5EDF9;}
+table.lp_overview img{margin-left:3px;}
\ No newline at end of file
diff --git a/main/css/cosmic_campus/print.css b/main/css/cosmic_campus/print.css
new file mode 100644
index 0000000000..44943fed35
--- /dev/null
+++ b/main/css/cosmic_campus/print.css
@@ -0,0 +1,657 @@
+/* Print Style Sheet for Dokeos (in progress ...)
+ first default style sheet
+ 2004-07-18 by Wolfgang Schneider
+ (info@ws-webservice.de / webmaster@bibelcenter.de)
+ updated on 2005-02-25 by Olivier Brouckaert
+ (oli.brouckaert@dokeos.com)
+ update on 2005-03-01 by Wolfgang Schneider
+ update on 2005-05-27 by Patrick Cool
+ update to print.css on 2005-01-05 by Jeroen Coupe
+ */
+
+body {
+ font-family: arial, verdana, helvetica, sans-serif;
+ font-size: 12px;
+ color: #000;
+ margin: 0;
+ padding: 0;
+ background-color: #fff;
+}
+img {
+ border: none;
+}
+
+#outerframe {
+ position: relative; /* do not remove, fixes a bug in IE */
+ border: 1px solid #fff;
+ background-color: #fff;
+}
+
+/* Hides from IE5-mac \*/
+* html #outerframe {height: 1%;}
+/* End hide from IE5-mac */
+
+/*****************************************************
+ * HEADER STYLES *
+ *****************************************************/
+
+
+#my_courses{
+ background-color: #fff;
+ color: #009;
+}
+/*show the institution*/
+#header1 {
+ padding: 2px;
+ float: right;
+}
+
+#my_courses{
+ display: none;
+}
+#header2 {
+ display: none;
+}
+#header3 {
+ display: none;
+}
+
+/* show the way to the printed document (breadcrumbs)*/
+#header4 {
+ padding: 2px;
+ border-bottom: 1px solid #4171B5;
+}
+#header4 a {
+ color: #4171b5;
+}
+
+#toolshortcuts{
+ display:none;
+}
+
+/*****************************************************
+ * FOOTER STYLES *
+ *****************************************************/
+#footer {
+ padding: 8px;
+ border-top: 1px solid #4171B5;
+ background-color: #E5EDF9;
+ font-size: 12px;
+}
+#footer .copyright {
+ float: right;
+}
+
+/*****************************************************
+ * MAIN STYLES *
+ *****************************************************/
+#main {
+ position: relative; /* to avoid the IE peekabo bug*/
+ margin: 0px auto;
+ margin-top: 10px;
+ width: 98%;
+ padding: 0px 10px 10px 10px;
+ background-color: #fff;
+ min-height: 320px;
+}
+
+/* for content section in main index.php file */
+.maincontent { float: left; width: 78%;
+ padding: 4px; background-color: #fff;
+}
+
+/* "menu" doesn't show in printed version*/
+.menu {
+ display: none;
+ }
+
+
+
+
+#lang_form {text-align: left; font-size: 12px;
+ margin: 2px 0 10px 0; padding: 2px;}
+#lang_form input, #lang_form select
+{ font-size: 12px;}
+
+#formLogin label { font-size: 12px; margin: 4px 6px;}
+#formLogin input { font-size: 13px; margin: 4px 6px;}
+#login_fail {margin: 0 6px 6px 6px; padding: 4px; border: 1px solid #f00;
+ background-color: #fff; font-size: 12px; color: #f00;}
+
+
+/*** layout divs for course and tool pages (being tested in some pages) ****/
+#contentfloatholder {/* also makes the right "sliding" tab */
+/*background: url(../pics/sidebar-r.gif) repeat-y 100% 0;
+background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */
+float: left;
+width: 100%;
+position: relative;
+}
+
+#contentfloatholder:after {
+ /* this is for NN6 to clear floats */
+content: ".";
+display: block;
+height: 0px;
+clear: both;
+visibility: hidden;
+}
+
+#centerwrap {
+ float: left;
+ width: 100%;
+ margin-right: -95%;
+ /* this needs to be less than 100% for Moz/Mac which thinks
+ it's empty otherwise. The difference is made up by putting a
+ negative left margin on the left float:
+ Note IE/Mac doesn't like this method ~ it wants the 100% so it can
+ be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
+ */
+}
+
+/*no navigation options need to be showed in the print version */
+#toolnav {
+ display:none;
+}
+
+/* Hide from IE5-mac. Only IE-win sees this. \*/
+* html #toolnav { margin-right: 0px;}
+* html #center { height: 1%; margin-left: 0; }
+ /* End hide from IE5/mac */
+
+
+/* various sections in course-home.php file */
+#toolremove {width: 40%; color: #f00; font-weight: bold;
+ margin: 10px auto; padding: 10px; border: 2px solid #f00;}
+
+#courseintro { clear: both; width: 80%; margin: 10px auto;
+ padding: 10px; border-bottom: 1px solid #4171B5;}
+#courseintro_icons { clear: both; width: 80%; margin: 10px auto;}
+
+.everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/
+ width: 80%; margin: 10px auto; padding: 10px;}
+
+.courseadminview, .platformadminview {
+ position: relative; width: 80%;
+ margin: 25px auto 10px;
+ padding: 10px;
+ border: 1px solid #4171B5;
+ }
+
+
+.viewcaption {position: relative; top: -20px; font-size: 12px;
+ font-weight: bold; color: #4171B5; background-color: #fff; padding: 0 4px;}
+/***********************************/
+
+/* ===================================================
+ AGENDA STYLES
+===================================================*/
+
+/* ---------------------------------------------------
+ check if these are still used or not
+-----------------------------------------------------*/
+#agenda {
+ width: 100%;
+ margin: 0 auto;
+ border: 1px solid #4171B5;
+ border-collapse: collapse;
+}
+.agenda_month_divider {
+ background-color: #4171B5;
+ font-weight: bold;
+ font-size: 12px;
+ color: #fff;
+ text-align: center;
+ }
+#agenda #title a {
+ color: #fff;
+}
+#agenda .agendaitem {
+ font-size: 12px;
+}
+#smallcalendar .title {background-color: #4171B5; font-weight: bold; padding: 2px;
+ color: #fff; text-align: center; font-size: 11px;}
+#smallcalendar .title a { color: #fff;}
+/*agenda select not visible on print*/
+#agenda_select {
+ display:none;
+}
+
+
+/* ---------------------------------------------------
+ styles for the agenda (day, week, month view)
+-----------------------------------------------------*/
+#agenda_list {
+ width: 100%;
+ margin: 0 auto;
+ border: 1px solid #fff;
+ border-collapse: collapse;
+ }
+
+/*The caption of the calendar (displays the month and the << and >> links*/
+#agenda_list #title {
+ background-color: #4171B5;
+ font-weight: bold;
+ font-size: 12px;
+ color: #fff;
+ text-align: left;
+ padding: 2px 10px;
+ text-align: center;
+ border: 1px solid #264269;
+ }
+#agenda_list #title a:link, #agenda_list #title a:visited {
+ background-color: #4171B5;
+ font-weight: bold;
+ font-size: 12px;
+ color: #fff;
+ text-align: left;
+ padding: 2px 10px;
+ text-align: center;}
+
+#agenda_list #title a:hover {
+ background-color: #4171B5;
+ font-weight: bold;
+ font-size: 12px;
+ color: #ff0000;
+ text-align: left;
+ padding: 2px 10px;
+ text-align: center;
+ }
+
+/* The cells with the name of the days of the weeks (mon->sun)*/
+#agenda_list .weekdays {
+ background-color: #D3DFF1;
+ text-align: center;
+ font-weight: bold;
+ border: 1px solid #264269;
+ border-collapse: collapse;
+ }
+
+/* The cells for the days (1->31) */
+#agenda_list .days_week {
+ height: 40px;
+ width: 12%;
+ text-align: left;
+ vertical-align: top;
+ border: 1px solid #264269;
+ border-collapse: collapse;
+ background-color: #f5f5f5;
+ }
+#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top;
+ border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;}
+#agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top;
+ border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;}
+
+/* text in the cells: display of agenda items (visible)*/
+#agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: bold; border: 0px solid #4171B5; border-collapse: collapse;}
+#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
+#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
+
+/*text in the cells: display of agenda items (invisible)*/
+#agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: bold; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
+#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
+#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
+
+/*text in the cells: display of agenda items (highlighted)*/
+#agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
+ font-weight: bold; border: 0px solid #4171B5; border-collapse: collapse;}
+#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
+#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px;
+ font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
+
+/* ---------------------------------------------------
+ styles for the mini agenda
+-----------------------------------------------------*/
+/* mini agenda invisible in print */
+
+#smallcalendar {
+ display:none;
+}
+/*without this the small calendar's space isn't liberated, because the table width is hardcoded in the php*/
+#layoutHulp{
+ display:none;
+}
+
+
+/* ---------------------------------------------------
+ styles for the personal agenda
+-----------------------------------------------------*/
+.personal_agenda {color: #008000; }
+.personal_agenda a:link, .personal_agenda a:visited {color: #008000; }
+a.personal_agenda:link, a.personal_agenda:visited {color: #008000; }
+.personal_agenda a:hover, .personal_agenda a:hover {color: #666666; }
+a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; }
+
+/* normal and erro message-box */
+.normal-message, .error-message {
+ position: relative;
+ margin: 10px auto;
+ margin-left: -250px;
+ width: 500px;
+ left: 50%;
+ right: 50%;
+ border-width: 1px;
+ border-style: solid;
+ padding: 5px;
+}
+.normal-message {
+ border: 1px solid #FF8001;
+ color: #000;
+ background-color: #FDC77E;
+}
+.error-message {
+ border: 1px solid #3F70AC;
+ color: #000;
+ background-color: #FDC273;
+}
+
+#message {margin: 0 auto; text-align: center;}
+#message select {margin: 10px 0; width: 220px;}
+#message textarea {margin: 10px 0;}
+#message td {padding: 4px;}
+
+/* styles from the document.php file */
+.comment { margin-left: 30px; }
+.invisible {color: #999; }
+.invisible a:link, .invisible a:visited {color: #999; } a.invisible:link, a.invisible:visited {color: #999; }
+
+/* styles from the upload.php file */
+dl.upload_option {margin: 1em 0; padding: 0;}
+.upload_option dt {font-weight:bold; margin:0;}
+.upload_option dd {margin:0;}
+
+
+/* styles from dropbox.php file */
+.dropbox_detail {font-size: small}
+.dropbox_date {font-style: italic}
+.dropbox_person {font-weight: bold}
+.dropbox_listTitle { color: #000000;}
+.dropbox_feedback {font-size: x-small; height: 50px; width: 200px; overflow: auto}
+.dropbox_feedbacks {height: 250px; width: 100%; overflow: auto}
+
+
+/* styles for chat / conference tools */
+#chat_entermessage {
+background-color: #D6E5FA; border-top: 1px solid #4171B5;
+ padding: 5px; margin: 0;}
+
+
+/* styles for general formatting */
+.clear {clear: both; line-height: 0px; height: 0;}
+
+p,blockquote,ol,ul { font-size: 12px; }
+h1 { font-size: 21px; }
+h2 { font-size: 18px; }
+h3 { font-size: 15px; margin-top:0px; padding-top:0px; }
+h4 { font-size: 12px; }
+h5,h6 {font-family: verdana, arial, helvetica, sans-serif;}
+
+/* the following for regular elements */
+a:link {text-decoration: none; font-weight : bold; color : #4171b5;}
+a:visited {text-decoration: none; font-weight : bold; color : #4171b5;}
+a:active {text-decoration: none; font-weight : bold; color : #f00;}
+
+input.link_alike { background-color: #FFFFFF; border-width: 0px;
+ color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
+input.link_alike:hover { background-color: #FFFFFF; border-width: 0px;
+ color: #FF0000; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
+
+/* the following for the greyed out elements */
+a.nobold:link, a.nobold:visited, a.nobold:active { font-weight: normal; color: #999; margin: 0 0 0 25px;}
+a.nobold:hover { font-weight: normal; color: #999; text-decoration: underline; margin: 0 0 0 25px;}
+
+.note { margin: 6px; font-size: 12px; line-height: 14px;
+ font-family: verdana, arial, helvetica, sans-serif; background-color: #FFF089;
+ color: #4171B5; border: 1px solid #4171B5; padding: 4px;}
+
+.alternativeBgLight { background-color: #f5f5f5;
+ border: 1px solid #4171B5; border-collapse: collapse;}
+.alternativeBgDark { background-color: #ccf;
+ border: 1px solid #4171B5; border-collapse: collapse;}
+.myagendatoday {
+ background-color: #FFCA8D;
+ border-collapse: collapse;
+ font-family: verdana, arial, helvetica, sans-serif;
+ color: #CC3300;
+ font-weight: bold;
+ }
+
+/*****************************************************
+ * FORM STYLES *
+ *****************************************************/
+div.row {
+ clear: both;
+ padding-top: 5px;
+}
+div.row div.form_header {
+ white-space: nowrap;
+ padding: 2px;
+ background-color: #E5EDF9;
+ border: 1px solid #4271B5;
+}
+div.row div.label {
+ display: inline;
+ float: left;
+ width: 18%;
+ text-align: right;
+}
+div.row div.formw {
+ display: inline;
+ width: 80%;
+}
+[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
+ float: left;
+ text-align: right;
+}
+[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
+ float: right;
+ text-align: left;
+}
+span.form_required {
+ color: #f00;
+}
+span.form_error {
+ color: #f00;
+ font-size: x-small;
+ margin: 2px;
+}
+
+/* Form elements - some general styling */
+select, textarea {color : #000; border: 1px solid #000;}
+input.checkbox { border-width: 0; }
+input.mainoption {font-weight : bold;} /* Main submit button */
+input.liteoption {font-weight : normal;} /* None-bold submit button */
+
+select,
+input[type=checkbox],
+input[type=radio],
+input[type=button],
+input[type=submit] {cursor: pointer; font-size: 12px;}
+input[text] {font-size: 12px; }
+
+/************************************************************
+ styles below here are not necessarily used in the current
+ release and the CVS files, they are from earlier versions,
+ and have been left untouched for anyone needing them in
+ their own platform ...
+*************************************************************/
+.topBanner a:link, .topBanner a:active, .topBanner a:visited { text-decoration:none; color:white;}
+.topBanner table { text-decoration:none;}
+.topBanner a:hover { text-decoration:underline;}
+.topBanner td { border-top: solid White 1px;}
+.alternativeBgLight { background-color: #f5f5f5;}
+.alternativeBgDark { background-color: #e6e6e6 }
+.forms {letter-spacing: normal; text-align: justify; text-indent: 3pt;
+ word-spacing: normal; padding: 2px 5px;}
+.formsTips { text-align: justify; text-indent: 15pt; word-spacing: normal; }
+/*
+input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal;
+padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
+*/
+.warn { border: thin double Silver; margin-left: 15px; margin-right: 15px; font-family: serif; color: Red; padding-left: 25px; }
+.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
+.xsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
+.xxsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
+
+
+/*****************************************************
+ * DATA TABLE STYLES *
+ *****************************************************/
+.cell_header {background-color: #EEEEFF;font-weight:bold;text-align:left;padding-left:5px;} /* header cell in data table in tools */
+
+.data_table{
+ border-collapse: collapse;
+ width: 100%;
+ padding: 5px;
+}
+.data_table th{
+ padding-right: 20px;
+ border: 1px solid gray;
+ background-color: #E5EDF9;
+}
+.data_table tr.row_odd{
+ background-color: #fafafa;
+ }
+.data_table tr.row_odd:hover, .data_table tr.row_even:hover{
+ background-color: #f0f0f0;
+}
+.data_table tr.row_even{
+ background-color: #fff;
+}
+.data_table td{
+ padding: 5px;
+ vertical-align: top;
+ border-bottom: 1px solid #b0b0b0;
+ border-right: 1px dotted #e1e1e1;
+ border-left: 1px dotted #e1e1e1;
+}
+
+/* admin page tool list definitions */
+.tool_list dt { font-weight: bold; }
+.tool_list dd { margin: 0; padding: 4px 0 0 10px;}
+
+/* divs for category list / platform news on home page */
+.home_cats {width: 45%; float: left; position: relative;
+ margin: 0; padding: 0px; padding-top: 8px; background: #fff;}
+
+.home_news {width: 45%; float: right; position: relative;
+ margin: 0; padding: 0px; padding-top: 8px; background: #fff;}
+
+
+label.left { float: left; width: 15em; margin: 0 0 0.5em 0; }
+form br { clear: both; }
+
+/* Fix for alignment problem in IE-Win browsers */
+/* Hide from IE5-mac. Only IE-win sees this. \*/
+* html .label { margin-right: 10px; }
+* html .data { height: 1%; margin-left: 0;}
+/* End hide from IE5/mac */
+
+.radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;}
+
+.required { color: #f00; font-weight: bold;}
+
+/* Admin section */
+div.admin_section {
+ width: 40%;
+ float: left;
+ padding: 5px;
+ margin: 10px 20px;
+}
+div.admin_section h4 {
+ margin: 0;
+ border-bottom: 1px solid gray;
+ width: 100%;
+}
+.user_course_category {
+ background-color: #efefef;
+ border: 1px solid #666;
+ font-weight: bold;
+ color: #666;
+ list-style-type: none;
+ margin: 5px;
+ padding: 5px;
+}
+
+/* Styles for the Dokeos Config Settings of the platform admin section*/
+.settingtitle{
+ background-color: #EFEFEF;
+ border: 1px solid #cccccc;
+ font-weight: bold;
+ color: #666666;
+ list-style-type: none;
+ margin: 5px;
+ padding: 5px;
+ font-size: 11px;
+ }
+.settingcomment{
+ color: #000000;
+ margin: 5px;
+ padding: 5px;
+ font-size: 11px;
+}
+.settingvalue{
+ list-style-type: none;
+ margin: 5px;
+ padding: 5px;
+}
+
+/* New Announcements Tool */
+.announcements_datum
+{
+ font-size: 12px;
+ font-style: italic;
+ color: #666666;
+}
+
+/* Styles for user roles and rights */
+
+.role_right_true a:link, .role_right_true a:visited {color: #00CC00; }
+a.role_right_true:link, a.role_right_true:visited {color: #00CC00; }
+.role_right_true a:hover, .role_right_true a:hover {color: #00CC00; }
+a.role_right_true:hover, a.role_right_true:hover {color: #00CC00; text-decoration:underline }
+
+.role_right_false a:link, .role_right_false a:visited {color: #FF0000; }
+a.role_right_false:link, a.role_right_false:visited {color: #FF0000; }
+.role_right_false a:hover, .role_right_false a:hover {color: #FF0000; }
+a.role_right_false:hover, a.role_right_false:hover {color: #FF0000; text-decoration:underline }
+
+/* System announcements on homepage */
+div.system_announcements{
+}
+div.system_announcements h3{
+
+}
+div.system_announcement{
+ margin: 5px;
+}
+div.system_announcement_title{
+}
+div.system_announcement_content{
+ margin-left: 20px;
+ border-left: 1px solid gray;
+ padding-left: 5px;
+}
+.view_role_form {
+ display: inline;
+}
+
+/*****************************************************
+ * special print ccs classes *
+ *****************************************************/
+
+ a.full_url_print:after{
+ content: "(" attr(href) ")";
+ font-size: 75%;
+}
+/* to make it in visible in the printed version*/
+.print_invisible{
+ display:none;
+}
\ No newline at end of file
diff --git a/main/css/cosmic_campus/scorm.css b/main/css/cosmic_campus/scorm.css
new file mode 100644
index 0000000000..745a4485e0
--- /dev/null
+++ b/main/css/cosmic_campus/scorm.css
@@ -0,0 +1,176 @@
+.scormpage
+{
+ height: 100%;
+}
+.scormpage .menu
+{
+ width: 180px;
+ float: left;
+ margin: 1px;
+ padding: 0px;
+ margin-top: 0px;
+ padding-top: 0px;
+ font-size: small;
+}
+.lp_toc{
+ background-color: white;
+ height: 380px;
+ width: 99%;
+ border-right: 1px none;
+}
+.inner_lp_toc{
+ overflow: auto;
+ background-color: white;
+ height: 325px;
+ width: 90%;
+ border-right: 1px #999999 solid;
+ border-left: 15px #FFF solid;
+
+}
+.inner_lp_toc .scorm_item{
+
+ font-size: 11px;
+ margin-left: 10px;
+ margin-right:20px;
+ padding-bottom: 2px;
+ text-decoration: none;
+}
+
+.inner_lp_toc .scorm_item A
+{
+ font-size: 11px;
+ margin-right: 1px;
+ padding-bottom: 2px;
+ text-decoration: none;
+ font-weight: normal;
+}
+
+.inner_lp_toc .scorm_item A.chapter_module{
+ font-weight: normal;
+ margin-right: 10px;
+}
+
+
+.inner_lp_toc .scorm_item_highlight
+{
+ font-size: 11px;
+ margin-right: 1px;
+ padding-bottom: 2px;
+ text-decoration: none;
+ font-weight: normal;
+
+ background:#aaa;
+}
+
+.inner_lp_toc .scorm_item_highlight A
+{
+ font-size: 11px;
+ margin-right: 1px;
+ text-decoration: none;
+ font-weight: normal;
+
+}
+.inner_lp_toc .scorm_item_1
+{
+ font-size: 11px;
+ margin-right: 1px;
+ padding-bottom: 2px;
+ text-decoration: none;
+ font-weight: normal;
+
+ background:#ddd;
+}
+
+.inner_lp_toc .scorm_item_2
+{
+ font-size: 11px;
+ margin-right: 1px;
+ padding-bottom: 2px;
+ text-decoration: none;
+ font-weight: normal;
+
+ background:#eee;
+}
+
+
+.inner_lp_toc .scorm_title
+{
+ font-weight: bold;
+ background:#A7A7E5;
+
+ font-size: 12px;
+ color: #fff;
+}
+
+
+.inner_lp_toc .scorm_status_img{
+ margin:0px;
+ margin-left: -10px;
+ width:10px;
+}
+
+
+
+
+.lp_navigation{
+ overflow: auto;
+ background-color: white;
+ height: 44px;
+ width:180px;
+ padding-top: 4px;
+ padding-bottom:0px;
+ border: none;
+ margin-top: -18px;
+ border-top: 1px dotted black;
+ border-bottom: 1px dotted black;
+}
+
+.lp_navigation_elem{
+ padding-left: 60px;
+ padding-top: 0px;
+}
+/*.scormpage .menu */
+.lp_navigation_elem .progresstext{
+ margin-top: -12px;
+ margin-left: 4em;
+ font-size: smaller;
+}
+
+/*.scormpage .menu */
+.lp_navigation_elem .buttons{
+ margin-left: 5px;
+ margin-right: 0em;
+ margin-top: 0.4em;
+}
+
+.scormpage .menu .notification{
+ background-color: white;
+ height: 50px;
+}
+.scormpage .menu .notification .message{
+ background-color: white;
+ height: 50px;
+ width: 180px;
+ border: none;
+}
+
+.scormpage .content{
+ /*float: left;
+ width: 60%;*/
+ margin-top: 0px;
+ padding-top: 0px;
+ padding-left: 180px;
+ background-color: white;
+}
+.iframe{
+ border: 0px solid black;
+ height: 580px;
+ width: 95%;
+ margin: 0px;
+ padding-right: 0px;
+ overflow: auto;
+ vertical-align: top;
+}
+.scormpage .footer{
+ clear: both;
+}
diff --git a/main/css/cosmic_campus/scormfs.css b/main/css/cosmic_campus/scormfs.css
new file mode 100644
index 0000000000..e9a7656cd6
--- /dev/null
+++ b/main/css/cosmic_campus/scormfs.css
@@ -0,0 +1,79 @@
+.scormpage{
+}
+.scormpage .menu
+{
+ width: 180px;
+ padding: 0px;
+ font-size: small;
+ position: absolute;
+ background-color: white;
+}
+.scormpage .menu .lp_nav{
+ height: 50px;
+ width: 160px;
+ padding-top: 4px;
+ padding-bottom:0px;
+/*
+ margin-left: 10px;
+ margin-right: 10px;
+*/
+ margin-top: 0px;
+}
+
+.lp_navigation_elem{
+ padding-left: 60px;
+ padding-top: 0px;
+}
+/*.scormpage .menu */
+.lp_navigation_elem .progresstext{
+ margin-top: -12px;
+ margin-left: 4em;
+ font-size: smaller;
+}
+
+/*.scormpage .menu */
+.lp_navigation_elem .buttons{
+ margin-left: 5px;
+ margin-right: 0em;
+ margin-top: 0.4em;
+}
+
+#msg_div_id{
+ padding-left: 10px;
+ padding-top: 4px;
+}
+.scormpage .menu .notification{
+ height: 50px;
+ margin-left: 15px;
+ margin-right: 15px;
+}
+.scormpage .menu .notification .message{
+ height: 50px;
+ width: 140px;
+ border: none;
+}
+.scormpage .menu .notification .lp_log{
+ height: 100px;
+ width: 180px;
+ border: none;
+ overflow: auto;
+}
+.scormpage .content .iframe{
+ /*
+ border: none;
+ height: 700px;
+ margin: 0px;
+ padding-right: 0px;
+ margin-right: 0%;
+ margin-left: 0%;
+ */
+ /* trying the absolute mode */
+ position: fixed;
+ bottom:0;
+ left:0;
+ width: 100%;
+ height: 100%;
+}
+.scormpage .footer{
+ clear: both;
+}