Răsfoiți Sursa

[svn r15576] New Cosmic Campus - CSS Added

Julio Montoya 16 ani în urmă
părinte
comite
153da934a8

+ 1585 - 0
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 <a> 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;}
+
+
+
+

BIN
main/css/cosmic_campus/images/fondoHeader3.jpg


BIN
main/css/cosmic_campus/images/fondoNav.jpg


BIN
main/css/cosmic_campus/images/footer.jpg


BIN
main/css/cosmic_campus/images/header.jpg


BIN
main/css/cosmic_campus/images/outer.png


BIN
main/css/cosmic_campus/images/tab.png


BIN
main/css/cosmic_campus/images/tabCurrent.png


BIN
main/css/cosmic_campus/images/tabHover.png


+ 104 - 0
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;}

+ 657 - 0
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 <a> 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;
+}

+ 176 - 0
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;	
+}

+ 79 - 0
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;
+}