diff --git a/main/css/baby_orange/course.css b/main/css/baby_orange/course.css
new file mode 100755
index 0000000000..5ab54da15d
--- /dev/null
+++ b/main/css/baby_orange/course.css
@@ -0,0 +1,451 @@
+/*
+==============================================================================
+	GLOBAL STYLES
+==============================================================================
+*/
+.dokeos_course {
+	width:95%;
+	margin:1em auto;
+	text-align:center;
+}
+
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+
+#box_title1,#footer1 {
+	border:1px solid #4171b5;
+	padding:1em;
+	width:99%;
+	margin:1em auto;
+}
+
+#box_title1 h1{
+	font:bold 2.5em Arial,sans-serif,sans;
+}
+
+#box_title h2{
+	font:bold 2em Arial,sans-serif,sans;
+}
+
+#content1 {
+	width:99%;
+	clear:both;
+	text-align:justify;
+}
+
+#content1 img.icon{
+	float:left;
+	margin:0 1em 1em 1em;
+	display:block;
+	vertical-align:top;
+}
+
+#email1 {
+	float:right;
+	clear:right;
+	text-align:right;
+}
+
+#email1, .manager1{
+	width:50%;
+}
+
+#footer1 {
+	font-weight:bold;
+	height: 1em;
+    line-height: 1em;
+}
+
+#manager1 {
+	float:left;
+	clear:left;
+	text-align:left;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+
+#content2 {
+	position:absolute;
+	top:2em;
+	left:18em;
+	text-align:justify;
+	margin-right:2em;
+}
+
+#content2 h1 {
+	padding:.5em;
+	font:bold 2em Arial,sans-serif,sans;
+}
+
+#content2 h2 {
+	font:normal 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+
+#content2 p{
+	margin:.5em;
+}
+
+#explanation {
+	text-align:center;
+	margin: 1em auto;
+	width:auto;
+	border:1px solid #4171b5;
+}
+#list2{
+	width:10em;
+	border:1px solid #4171b5;
+	margin:2em auto;
+}
+#list2 p {
+	text-align:left;
+	margin-left:.2em;
+}
+
+#list2 li {
+	margin:0 0 0 2em;
+	padding:0;
+	text-indent:.5em;
+	text-align:left;
+	list-style-position:inside;
+}
+#list2 ul{
+	margin:0 0 .5em 0;
+	padding:0;
+	text-align:left;
+	list-style-position:inside;
+}
+
+#main2 {
+	border:1px solid #4171b5;
+}
+
+
+#nav2 {
+	position:absolute;
+	left:2em;
+	top:3em;
+	width:15em;
+}
+
+.template2 {
+	position:relative;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#box_title3,#content3 {
+	border:1px solid #4171b5;
+	padding:1em;
+	width:99%;
+	margin:1em auto;
+}
+#box_title3 h1{
+	font:bold 3.5em Arial,sans-serif,sans;
+}
+
+#content3 {
+	position:relative;
+	padding-bottom:50px;
+	text-align:left;
+}
+#content3 #primary {
+	font-weight:bold;
+	font-size:2em;
+	margin:0;
+	padding:0;
+}
+#content3 #primary li,#content3 #secondary li{
+	margin:0 0 0 1em;
+	padding:0;
+}
+#content3 #primary .secondary{
+	font-weight:normal; 
+	font-size:.8em;
+	margin:0 0 0 2em;
+	padding:0;
+}
+
+#footer3 {
+	position:absolute;
+	bottom:0;
+	right:0;
+}
+
+/*
+==============================================================================
+	Styles for corporative version
+==============================================================================
+*/
+#corp {
+	font:normal .85em Lucida Grande,Arial,sans-serif,sans;
+}
+#corp a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #4170b4;
+}
+
+#corp a:hover,#corp a:focus {
+	color: #111;
+}
+
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+
+#corp #box_title1{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+#corp #box_title1 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#corp #footer1 {
+	border: 1px solid #ddd;
+	background:#eee url("images/headertables.jpg") repeat-x top center;
+	line-height:.8em;
+	height:.8em;
+	padding:.5em;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/ 
+#corp #explanation{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+
+#corp #explanation #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	margin-top:-15px;
+	width:100%;
+}
+
+#corp #list2,#corp #main2 {
+	border:1px solid #aaa;
+}
+
+#corp #content2 #main2 h2 {
+	font:bold 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#corp #box_title3{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+#corp #box_title3 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+#corp #content3 {
+	border:1px solid #bbb;
+}
+
+/*
+==============================================================================
+	Styles for academic version
+==============================================================================
+*/
+#academic {
+	font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans;
+	color: #000915;
+}	
+#academic a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #4171b5;
+}
+
+#academic a:hover,a:focus {
+	color: #000915;
+}
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+#academic #box_title1{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#academic #box_title1 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#academic #footer1{
+	background: #8cafe1 url('images/crystal3.png') repeat-x;
+}
+
+#academic #footer1 a{
+	color:#fff;
+}
+
+#academic #footer1 a:hover,#academic #footer1 a:focus {
+	color: #000915;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+#academic #explanation{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#academic #explanation #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#academic #list2,#academic #main2{
+	border: 1px solid #0049AF;
+}
+
+#academic #nav2 img {
+	margin-bottom:3em;
+}
+#academic #nav2 .logo {
+	margin-left:-1.2em;
+}
+
+#academic #nav2{
+	top:5em;
+} 
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#academic #box_title3 {
+	border: 1px solid #0049AF;
+	background: #b0c8eb url('images/crystal3.png') repeat-x;
+	color: #00122B;
+}
+#academic #content3{
+	border: 1px solid #0049AF;
+}
+/*
+==============================================================================
+	Styles for baby version
+==============================================================================
+*/
+#baby {
+	font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
+	color: #000;
+}
+
+#baby a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #9a0;
+}
+
+#baby a:hover,a:focus {
+	color: #470;
+}
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/
+
+#baby #box_title1{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#baby #box_title1 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #footer1 {
+	background-color:transparent;
+	border: 1px solid #BFAF00;
+	padding: .2em;
+	color: #3F3A00;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+#baby #explanation{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #3F3A00;
+}
+#baby #explanation #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #list2,#baby #main2 {
+	border: 1px solid #BFAF00;
+}
+
+#baby #nav2{
+	top:0;
+}
+#baby #content2 #main2 h2 {
+	font:bold 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+
+#baby #box_title3{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #3F3A00;
+}
+#baby #box_title3 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #content3 {
+	 border: 1px solid #BFAF00;
+}
\ No newline at end of file
diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css
new file mode 100644
index 0000000000..b495ded470
--- /dev/null
+++ b/main/css/baby_orange/default.css
@@ -0,0 +1,1514 @@
+/*
+==============================================================================
+							BABY STYLESHEET
+==============================================================================
+*/
+/*
+==============================================================================
+	GLOBAL STYLES - REDEFINED HTML TAGS
+==============================================================================
+*/
+
+a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #317100;
+}
+
+a:hover,a:focus {
+	color: #683000;
+}
+
+blockquote {
+	font: 1.1em arial, sans, sans-serif;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	font-size: .85em;
+	font-family: 'Lucida Grande', verdana, Arial, sans-serif, sans;
+	color: #000;
+	background-color: #fff;
+}
+
+h3 {
+	font: bold 1.3em Arial, sans-serif, sans;
+}
+
+h4 {
+	font: bold 1.2em Arial, sans-serif, sans;
+}
+
+img {
+	border: 0;
+}
+
+input {
+	margin-left: 1em;
+	border-color: #EE4C03;
+	border-width: 1px;
+	background-color: #fff;
+	font: normal 90% verdana, Arial, sans, sans-serif;
+}
+
+p {
+	clear: both;
+	width: 90%;
+}
+
+select,textarea {
+	font: normal 90% verdana, Arial, sans, sans-serif;
+	border: 1px solid #EE4C03;
+}
+
+small {
+	font-size: .9em;
+}
+
+table {
+	clear: both;
+	padding: 0;
+}
+
+tr,td {
+	padding: .35em;
+}
+
+ul {
+	list-style: none;
+}
+
+/*
+==============================================================================
+	PAGE STRUCTURE
+==============================================================================
+*/
+
+/* user_portal course status icon */
+.coursestatusicons {
+	float: left;
+	clear: left;
+	margin-right: .5em;
+}
+
+/* user_portal course list */
+.courses {
+	font-weight: bold;
+	list-style: none;
+	margin-bottom: .2em;
+	font-family: arial, sans-serif, sans;
+	font-size: 110%;
+}
+
+#main {
+	font-size: 89%;
+	width: 96%;
+	padding: 0 1% 15px 3%;
+	/* min-height hack for ie6 or older*/
+	min-height: 320px;
+	height: auto !important;
+	height: 320px;
+	clear: both;
+	float: left;
+	margin-bottom:1em;
+}
+
+/* For ie6 browsers or older*/
+* html #main {
+	padding: 0 1% 15px 2.96%;
+}
+
+
+.maincontent {
+	margin: 0 0 1em 1em;
+	width: 69%;
+	float: right;
+	clear: right;
+}
+
+#outerframe {
+	background-color: #fff;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+.user_course_category {
+	font: bold 110% sans, sans-serif, arial;
+	text-transform: capitalize;
+	text-align: left;
+	background: transparent url("images/thindivider.jpg") no-repeat 20% 100%;
+	height: 2.8em;
+	border-top:2px solid #5F5700;
+	padding-top:0.5em;
+	color: #5F5700;
+	width:80%;
+	margin:.8em 0;
+}
+
+/*
+==============================================================================
+	HEADER STYLES
+==============================================================================
+*/
+
+#header {
+	background: transparent url('images/bgheader.jpg') repeat-y top right;
+	font: bold .85em Arial, sans-serif, sans;
+	width: 100%;
+	line-height: .8em;
+	float: left;
+	clear: both;
+	margin-bottom: .5em;
+	position:relative;
+}
+
+#header a {
+	text-decoration: none;
+}
+
+#header li#current a,#header a:hover,header a:focus {
+	text-decoration: none;
+}
+
+/*
+------------------------------------------------------------------------------
+	HEADER 1: Title, portal, organisation, course title
+------------------------------------------------------------------------------
+*/
+
+#header1 {
+	width: 30%;
+	float: left;
+	clear: left;
+	margin: .5em 0 0 0;
+}
+
+#header1 a:hover,#header1 a:focus {
+	text-decoration: none;
+}
+
+#header1 #my_courses {
+	display: none;
+	visibility: hidden;
+}
+
+#institution {
+	margin: 0 0 0 3.9em;
+}
+
+/*
+------------------------------------------------------------------------------
+	HEADER 2: Users online, help, student/teacher view
+------------------------------------------------------------------------------
+*/
+
+#header2 {
+	width: 60%;
+	text-align: right;
+	float: right;
+	clear: right;
+	margin: .5em 0 0 0;
+	padding: 0;;
+	text-align: right;
+}
+
+#header2 ul {
+	list-style: none;
+	margin: 0 1.9em 0 0;
+	padding: 0;
+}
+
+#header2 ul li {
+	display: inline;
+	width: auto;
+	margin: 0 .1em 0 .2em;
+	padding: 0;
+}
+
+#Header2Right li a img {
+	margin: -.4em 0 0 0;
+	padding: 0;
+}
+
+/*
+------------------------------------------------------------------------------
+	HEADER 3: Main menu
+------------------------------------------------------------------------------
+*/
+
+#header3 {
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	float: left;
+	clear: both;
+}
+
+#header3 input.logout {
+	/* makes an input appear like a link in this header */
+	background-color: transparent;
+	border: none;
+	color: #e4031e;
+	height: auto;
+	display: inline;
+	line-height: 1em;
+	font: bold 1em Arial, sans-serif, sans;
+	margin: -.3em 0 0 2em;
+	padding: 0;
+}
+
+#header3 form {
+	margin: 0;
+	padding: 0;
+}
+
+#header3 #logout {
+	display: inline;
+	float: right;
+	clear: right;
+	margin: 0 1.5em 0 0;
+	padding: 0;
+	width: 10%;
+}
+
+#header3 #logout li {
+	display: block;
+	margin: 0;
+	padding: 0;
+	float: right;
+	clear: right;
+}
+
+#header3 ul {
+	list-style: none;
+	margin: 0 0 0 3.9em;
+	padding: 0;
+	width: 80%;
+}
+
+#header3 ul li {
+	float: left;
+	display: inline;
+	list-style: none;
+	margin: 0 1em 0 0;
+	padding: 0;
+	width: auto;
+}
+
+#header3 ul li a {
+	display: inline;
+}
+
+/*
+------------------------------------------------------------------------------
+    HEADER 4:
+------------------------------------------------------------------------------
+*/
+
+#header4 {
+	margin-top: .9em;
+	text-indent: 3.9em;
+	width: 100%;
+	float: left;
+	clear: both;
+	line-height: .9em;
+	height: auto;
+	background: #fff none;
+	position: relative;
+	padding: 0;
+}
+
+/* Solves the IE inherited margin bug */ /* IE-7*/
+* :first-child+html #header4 {
+	margin-top: 0;
+}
+
+/*IE-6 or older*/
+* html #header4 {
+	margin-top: 0;
+}
+
+#header4 a {
+	font-size: 120%;
+	letter-spacing: -.05em;
+}
+
+#header4 a:hover,a:focus {
+	text-decoration: none;
+}
+
+#header4 .clear {
+	width: 100%;
+	background: url('images/shadowheader.jpg') no-repeat bottom right;
+	clear: both;
+	position: absolute;
+	top: -.9em;
+	right: 0;
+	margin: 0;
+	padding: 0;
+}
+
+/*
+------------------------------------------------------------------------------
+    SHORTCUTS
+------------------------------------------------------------------------------
+*/
+
+#toolshortcuts {
+	width:550px;
+	position: absolute;
+	bottom:-.75em;
+	right:.5em;
+	padding: 0;
+	margin:0;
+	text-align: right;
+}
+
+#toolshortcuts a {
+	margin:0 3px 0 3px;
+}
+
+/*
+==============================================================================
+    FOOTER STYLES
+==============================================================================
+*/
+
+#footer {
+	font-family: bold .7em Arial, sans-serif, sans;
+	width: 98%;
+	float: left;
+	clear: both;
+	color: #f7d77e;
+	margin-top: -1.7em;
+	padding: 82px 0 .8em 2%;
+	background: transparent url('images/bg.jpg') no-repeat 100% 100%;
+}
+
+#footer .copyright {
+	float: right;
+	clear: right;
+	margin: 0 2em 0 0;
+}
+
+/*
+==============================================================================
+    NAVIGATION MENU
+==============================================================================
+*/
+
+#lang_form select {
+	font-family: sans-serif, sans, arial;
+	margin: 1em 18px;
+	width: 179px;
+	text-align: center;
+}
+
+.menu {
+	background: url('images/bglogin.jpg') repeat-y top center;
+	float: left;
+	clear: left;
+	width: 215px;
+	border: 1px solid #EE4C03;
+	margin: 0 0 1em 0;
+	padding: 0 0 .3em 0;
+	font-family: Arial, sans-serif, sans;
+	/* min-height hack for ie6 or older*/
+	min-height: 320px;
+	height: auto !important;
+	height: 320px;
+}
+
+.menu #formLogin {
+	text-align: center;
+	font-weight: bold;
+	margin-bottom: .8em;
+}
+
+.menu #formLogin input {
+	margin: .3em auto;
+}
+
+.menusection {
+	width: 100%;
+	margin: .3em 0 .3em 0;
+}
+
+.menusection .menulist {
+	float: left;
+	clear: both;
+	margin: 0;
+	padding: 0;
+	text-indent: 1.2em;
+	width: 100%;
+	list-style: none;
+}
+
+.menusection .menulist li {
+	margin: .4em .5em .4em 0;
+}
+
+.menusectioncaption {
+	font: bold 1.2em Arial, sans-serif, sans;
+	color: #111;
+	margin: 0 0 .5em 1em;
+}
+
+/* Specific for administration section*/
+.menu img {
+	margin: 0 0 0 1.2em;
+	vertical-align: baseline;
+}
+
+.menu label {
+	display: block;
+	clear: both;
+	font: bold 1.2em Arial, sans-serif, sans;
+	color: #111;
+	text-align: center;
+	margin: .3em 0;
+	padding: 0;
+	width: 100%
+}
+
+.menu #loginform {
+	text-align: center;
+	font-weight: bold;
+	margin-bottom: .8em;
+}
+
+.menu #loginform input {
+	margin: .3em auto;
+	display: block;
+}
+
+.menu .note {
+	margin: .3em 0 .3em .5em;
+}
+
+td #lang_form select {
+	margin: 1em 31px;
+}
+
+td .menu {
+	background: url('images/bgloginconf.jpg') repeat-y top left;
+	width: 244px;
+	margin: 0 auto;
+}
+
+/*
+==============================================================================
+    DOCUMENT MODULE AND DATA TABLES
+==============================================================================
+*/
+
+/* Data tables */
+.data_table {
+	margin: 0 auto;
+	width: 98%;
+	clear: both;
+	font: bold 100% Arial, sans, sans-serif;
+}
+
+.data_table a {
+	font: bold 100% Arial, sans, sans-serif;
+	text-decoration: none;
+}
+
+.data_table .row_even td {
+	border-right: 1px solid #fff;
+	background: #ffdc9f;
+	padding: .2em;
+	margin: 0;
+}
+
+.data_table .row_odd td {
+	border-right: 1px solid #fff;
+	background: #ffea9f;
+	padding: .2em;
+	margin: 0;
+}
+
+.data_table .row_even:hover td,.data_table .row_odd:hover td {
+	background: #eebb03 none;
+	color: #fff;
+}
+
+.data_table th,.data_table .row_odd th,.row_odd th {
+	font: bold 100% sans, sans-serif, arial;
+	text-transform: capitalize;
+	padding: .2em;
+	background: #ffb963 url('images/headertables.jpg') repeat-x;
+	color: #3c471c;
+}
+
+.data_table .row_odd th a {
+	text-decoration: none;
+	font-size: 110%;
+}
+
+/*Forum*/
+
+.row_odd img,.row_even img {
+	margin: 0 1em 0 1em;
+}
+
+/* Document links */
+#doc_links {
+	margin-left: .5em;
+}
+
+#doc_links a,#folderselector {
+	font: bold 100% Arial, sans-serif, sans;
+	text-decoration: none;
+}
+
+#folderselector {
+	color: #000;
+}
+
+#folderselector select {
+	margin: 0 .2em;
+}
+
+.forum_attach_comment {
+	color: #737780;	
+	font-style: italic ;
+	font-weight: normal;	
+}
+
+/*
+==============================================================================
+    FORM STYLES
+==============================================================================
+*/
+
+div.row {
+	clear: both;
+	padding-top: 8px;
+	margin-left: 1em;
+}
+
+div.row div.label {
+	float: left;
+	text-align: left;
+	font: bold 115% Arial, sans-serif, sans;
+	width: 25%;
+	margin: 0;
+}
+
+div.row div.formw {
+	width: 73%;
+	margin: 0;
+}
+
+.row .formw input {
+	margin: 0;
+}
+
+.label {
+	margin-right: 1em;
+}
+
+.formw {
+	margin-top: .2em;
+	padding-left: .6em;
+}
+
+/* Solves the IE inherited margin bug */ /* IE-7*/
+* :first-child+html .row .formw input {
+	margin-left: -1em;
+}
+
+/*IE-6 or older*/
+* html .row .formw input {
+	margin-left: -1em;
+}
+
+[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;
+}
+
+/* Specific forms: profile,add course,advanced search,advanced course search,etc.. */
+#add_course,#profile,#advanced_course_search,#advanced_search,#category,#course_user_import,#export_users,#update_course,#user_add,#user_import
+	{
+	border: 1px solid #EE4C03;
+	background: transparent url("images/headerform.jpg") no-repeat top left;
+	width: 550px;
+	position: relative;
+	padding: 60px 0 1em 0;
+}
+
+#advanced_search,#category,#course_user_import {
+	background: transparent url("images/headerform2.jpg") no-repeat top left
+		;
+}
+
+#export_users,#update_course,#user_add,#user_import {
+	background: transparent url("images/headerform3.jpg") no-repeat top left
+		;
+}
+
+#add_course,#advanced_course_search,#advanced_search,#course_user_import,#export_users,#update_course,#user_add,#user_import
+	{
+	width: 650px;
+	float: left;
+	clear: left;
+	padding-top: 50px;
+	margin-bottom: 1em;
+}
+
+#add_course .label,#advanced_course_search .label,#advanced_search .label,#category .label,#course_user_import .label,#export_users .label,#user_import .label
+	{
+	text-align: left;
+}
+
+#advanced_search,#course_user_import,#export_users,#user_import {
+	width: 550px;
+}
+
+#category {
+	clear: both;
+}
+
+#category select {
+	margin-right: .8em;
+}
+
+#export_users .label,#user_import .label {
+	width: 45%;
+	text-align: left;
+}
+
+#export_users .formw,#user_import .formw {
+	width: 53%;
+}
+
+#myprofilefooter {
+	float: left;
+	clear: both;
+	width: 50%;
+	margin: 3em auto;
+	padding-bottom:2em;
+	background: transparent url("images/tinydivider.jpg") no-repeat bottom center;
+	font-size: 110%;
+	text-align: center;
+	width: 550px;
+}
+
+#profile {
+	border:none;
+}
+
+#profile .clear {
+	position: absolute;
+	background: transparent url("images/divider.jpg") no-repeat top center;
+	top: 30px;
+	left: 1em;
+	height: 55px;
+	width: 100%;
+}
+
+#profile .label,#update_course .label,#user_add .label {
+	text-align: right;
+}
+
+#profile .formw,#profile .label {
+	position: relative;
+	left: 20%;
+}
+
+#update_course {
+	width: 90%;
+}
+
+#update_course .formw {
+	margin-top: .7em;
+}
+
+#update_course .label {
+	margin-top: .6em;
+}
+
+#user_add {
+	width: 80%;
+}
+
+#user_add input {
+	margin-left: .3em;
+}
+
+/*
+==============================================================================
+    ADMIN SECTION
+==============================================================================
+*/
+
+.admin_section {
+	float: left;
+	margin: 1em 1em;
+	width: 40%;
+	border: 1px solid #EE4C03;
+	padding: .5em .7em .5em .7em;
+	line-height: 120%;
+}
+
+.admin_section h4 {
+	margin: 0;
+	width: 100%;
+	font-size: 120%;
+	font-family: Arial, sans, sans-serif;
+	font-weight: bold;
+}
+
+.admin_section input {
+	margin: .5em;
+}
+
+.admin_section a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #317100;
+}
+
+.admin_section  a:hover,.admin_section  a:focus {
+	color: #683000;
+}
+
+/*
+==============================================================================
+    COURSE ADMIN
+==============================================================================
+*/
+
+.courseadminview {
+	width: 80%;
+	text-align: center;
+	border: 1px solid #EE4C03;
+	margin: 1.5em auto;
+}
+
+.courseadminview a {
+	text-decoration: none;
+	margin: 0 auto;
+	text-align: center;
+	font: bold 100% Arial, sans-serif, sans;
+}
+
+.courseadminview table td {
+	text-align: left;
+}
+
+#courseintro_icons {
+	margin: 1em auto;
+	clear: both;
+	width: 80%;
+}
+
+.viewcaption {
+	font: bold 110% arial, sans, sans-serif;
+	position: relative;
+	background-color: #fff;
+	float: left;
+	clear: left;
+	top: -1.1em;
+	padding: 0 .2em;
+	margin: 0;
+}
+
+/*
+==============================================================================
+    AGENDA
+==============================================================================
+*/
+
+#agenda_list {
+	margin: 0 auto;
+	width: 95%;
+}
+
+#agenda_list .datanow {
+	background: #ffb963 url('images/headertables.jpg') repeat-x;
+	border: 1px solid #EE4C03;
+	vertical-align: top;
+}
+
+#agenda_list img {
+	margin-right: .8em;
+}
+
+#agenda_list td.data img,#agenda_list td.datanow img {
+	margin-bottom: -.6em;
+	margin-top: -.3em;
+}
+
+#agenda_list td.textnow {
+	border: 1px solid #EEB103;
+	background-color: #eee;
+	padding: .5em;
+}
+
+#agenda_list tr,#agenda_list td {
+	width: auto;
+	border: none;
+}
+
+#agenda_list tr.data,#agenda_list td.data,.data {
+	background: #ffb963 url('images/headertables.jpg') repeat-x top center;
+	vertical-align: top;
+	border: 1px solid #EE4C03;
+	color: #000;
+}
+
+#agenda_list tr.text,#agenda_list td.text,.text {
+	border: 1px solid #EEB103;
+}
+
+.agenda_month_divider,.title {
+	font: bold 1.2em Arial, sans-serif, sans;
+	color: #000;
+	text-align: center;
+}
+
+.agenda_month_divider {
+	text-align: center;
+	background: transparent url("images/divider2.jpg") no-repeat 50% 1.3em;
+	height: 2.8em;
+	color: #EE4C03;
+}
+
+#agenda_select img {
+	margin-right: .2em;
+}
+
+#agenda_select li {
+	margin-bottom: .6em;
+	font: bold 1em Arial, sans-serif, sans;
+}
+
+#agenda_select li a {
+	font: bold 1em Arial, sans-serif, sans;
+	text-decoration: none;
+}
+
+.alternativeBgLight {
+	background-color: #EEB103;
+}
+
+.announcements_datum {
+	color: #C67D44;
+	border: 1px solid #5F5700;
+	background-color: #FFF15F;
+}
+
+.data,.announcements_datum,.datanow {
+	font: bold 1em Arial, sans-serif, sans;
+}
+
+.datanotbold {
+	font-weight: normal;
+}
+
+span.agendaitem {
+	text-align: center;
+	display: block;
+	font-size: 95%;
+	width: 90%;
+	margin: 0 auto;
+	font-size: .9em;
+}
+
+span.agendaitem i {
+	font: bold 97% Arial, sans-serif, sans;
+	color: #EE8003;
+}
+
+/* Calendar */
+.days_today {
+	font: bold 1em Arial, sans-serif, sans;
+	text-decoration: none;
+	color: #000;
+}
+
+.days_week {
+	background: #ffea9f;
+}
+
+.days_week,.days_weekend,.days_today {
+	text-align: center;
+}
+
+.days_weekend {
+	background: #ffdc9f;
+}
+
+.days_week a,.days_weekend a {
+	font: bold 1em Arial, sans-serif, sans;
+}
+
+.days_week a:hover,.days_weekend a:hover,.days_week a:focus,.days_weekend a:focus
+	{
+	text-decoration: none;
+}
+
+.days_week .agendaitem i,.days_weekend .agendaitem i {
+	color: #3F3A00;
+}
+
+#newedit_form tr.title {
+	background:none;
+	text-align:left;
+}
+
+.title {
+	background: #ffb963 url('images/headertables.jpg') repeat-x;
+}
+
+.weekdays {
+	font: bold 1.1em Arial, sans-serif, sans;
+	color: #fff;
+	background: #eebb03;
+	text-align: center;
+}
+.ical_export { float: right; margin-top: 0.2em;}
+/*
+==============================================================================
+    DOKEOS CONFIG SETTINGS
+==============================================================================
+*/
+
+#settings {
+	width: 70%;
+	margin: .5em auto;
+	border: 1px solid #EE4C03;
+	padding: .2em;
+}
+
+.settingtitle {
+	text-align: left;
+	text-indent: .5em;
+	font: bold 130% Arial, sans-serif, sans;
+	color: #000;
+	margin: .1em auto .1em auto;
+	padding: .1em;
+	border: 1px solid #EE4C03;
+	background: #ffb963 url('images/headertables.jpg') repeat-x top center;
+	width: 99.5%;
+	letter-spacing: -.03em;
+}
+
+.settingcomment {
+	margin: .5em 0 .5em .5em;
+	font: bold 110% Arial, sans-serif, sans;
+}
+
+.settingvalue {
+	margin: .5em 0 2em .5em;
+}
+
+/*
+==============================================================================
+    BLOG
+==============================================================================
+*/
+
+.blog_left,.blog_right {
+	background: #fff url("images/vertdivider.jpg") no-repeat top left;
+	padding-left: 10px;
+}
+
+.blog_right {
+	text-align: justify;
+	padding-left: 1em;
+	background-color: transparent;
+}
+
+.blog_right a img {
+	margin-right: .2em;
+}
+
+.blog_right table {
+	margin-left: .8em;
+}
+
+.blog_menu_title,.blogpost_title {
+	color: #fff;
+	font: bold 110% Arial, sans-serif, sans;
+}
+
+.blog_menu_title {
+	width: 99%;
+	border-bottom: 1px solid #EE8003;
+	background: #ffb963 url('images/headertables.jpg') repeat-x top center;
+}
+
+.blogpost {
+	margin: .2em 1.5em;
+	background: transparent url("images/tinydivider.jpg") no-repeat bottom
+		center;
+	padding-bottom: 2em;
+	text-indent: 1em;
+}
+
+.blogpost_actions img {
+	margin: 0 0 0 .8em;
+	vertical-align: bottom;
+}
+
+.blogpost_comment {
+	text-indent: 2em;
+	margin-top: .5em;
+}
+
+.blogpost_date,.blog_subtitle,.blog_menu_title,.blogpost_comment_date {
+	color: #fff;
+	font: bold 110% Arial, sans-serif, sans;
+}
+
+.blogpost_date,.blogpost_comment_date {
+	border: none;
+	margin-left: 1em;
+}
+
+.blogpost_info,.blogpost_comment_info {
+	margin-left: 1em;
+	font: bold 100% Arial, sans-serif, sans;
+}
+
+.blogpost_introduction,.blogpost_text {
+	display: block;
+	clear: both;
+	margin: .5em 0;
+	text-indent: 2em;
+}
+
+.blogpost_title {
+	font: bold 130% Arial, sans-serif, sans;
+	margin: 0 0 .5em 1em;
+	color: #000;
+}
+
+.blog_subtitle {
+	position: relative;
+	top: .8em;
+	padding: .2em .9em;
+	witdh: 100%;
+	border: 1px solid #EEB103;
+	background:  #ffb963 url('images/headertables.jpg') repeat-x top center;
+	display:block;
+	width:250px;
+	margin:0 0 -1em 0;
+}
+
+/*Hack for KHTML and safari browser to fit left*/
+body:last-child:not(:root:root) .blog_subtitle {
+	width:220px;
+}
+
+.blog_title {
+	padding: .1em 1em;
+	font: bold 140% Arial, sans-serif, sans;
+	color: #EE4C03;
+	text-transform:uppercase;
+	margin:0 0 -1.3em 0;
+	display:block;
+}
+
+.comments,.new_comment {
+	margin-left: 1em;
+}
+
+.blogpost_comment {
+	background: transparent url('images/thindivider.jpg') no-repeat bottom
+		center;
+	padding-bottom: 25px;
+	margin-bottom: 2em;
+}
+
+.blogpost_comment_title {
+	font-size: 95%;
+	background: #ffb963 url('images/headertables.jpg') repeat-x top
+		center;
+	padding: 0.4em;
+	border: 1px solid #EE8003;
+}
+
+.blogpost_comment_date {
+	font-size: 95%;
+}
+
+.blogpost_comment .blogpost_text {
+	border: 1px solid #EE8003;
+	padding: .6em;
+}
+
+#title {
+	font: bold 1.2em Arial, sans-serif, sans;
+	color: #000;
+	text-align: center;
+}
+
+.attachment_comment {
+	color: #737780;	
+	font-style: italic ;
+	font-weight: normal;	
+}
+
+/*
+==============================================================================
+    TRACKING
+==============================================================================
+*/
+
+a.specialLink {
+	font: bold 80% Arial, sans-serif, sans;
+	color: #317100;
+}
+
+a.specialLink:hover,a.specialLink:focus {
+	color: #683000;
+}
+
+/*
+==============================================================================
+    FORUM
+==============================================================================
+*/
+
+.forum {
+	border: 1px solid #BFAF00;
+	padding: 1px;
+}
+
+.forum_header td {
+	background: transparent url('images/line.jpg') repeat-x bottom center;
+}
+
+th span {
+	color:#000;
+}
+
+/*
+------------------------------------------------------------------------------
+    POST
+------------------------------------------------------------------------------
+*/
+
+.forum_message_post_title {
+	text-align: left;
+	font: bold 95% Arial, sans-serif, sans;
+	background:  #ffb963 url('images/headertables.jpg') repeat-x top
+		center;
+	padding: 0.2em;
+	vertical-align: top;
+	height: 20px;
+	border: 1px solid #EE8003;
+}
+
+.forum_message_left {
+	background: #ebc41f url('images/bglogin.jpg') repeat-y top center;
+	border-right: 1px solid #EE8003;
+	vertical-align: top;
+	width: 15em;
+	border-collapse: collapse;
+}
+
+.forum_message_post_text {
+	margin-bottom: 10px;
+	vertical-align: top;
+}
+
+.forum_description {
+	color: #000;
+	font-weight: normal;
+	font-family:Arial,sans,sans-serif;
+}
+
+.forum_title{
+	color: #317100;
+	font-size: 14px;
+	font-family:Arial,sans,sans-serif;
+
+}
+
+.forum_low_description{
+	color: #000;	
+	font-style: italic ;
+	font-weight: normal;
+	
+	font-size: 11px;
+	font-family:Arial,sans,sans-serif;
+}
+
+
+
+/*
+==============================================================================
+    DISPLAY MESSAGES
+==============================================================================
+*/
+
+/* Common message styles */
+.normal-message,.warning-message,.confirmation-message,.error-message {
+	border: 1px solid #EE8003;
+	margin: 1em auto;
+	padding: 40px .3em .5em .3em;
+	position: relative;
+	width: 500px;
+	color: #EE4C03;
+	background: transparent url('images/alert.jpg') no-repeat 54px 0px;
+	font: bold 110% Arial, sans-serif, sans;
+	text-align: left;
+}
+
+.normal-message img,.warning-message img,.confirmation-message img,.error-message img
+	{
+	position: absolute;
+	top: 0;
+	left: 238px;
+}
+
+#message {
+	margin: 0 auto;
+	text-align: center;
+}
+
+#message select {
+	margin: 10px 0;
+	width: 220px;
+}
+
+#message textarea {
+	margin: 10px 0;
+}
+
+#message td {
+	padding: 4px;
+}
+
+/*
+==============================================================================
+    DROPBOX
+==============================================================================
+*/
+
+#tabbed_menu {
+	border: 1px solid #EE8003;
+	background: transparent url('images/dropbox.jpg') no-repeat top left;
+	width: 10em;
+	margin: 0 0 1em 0;
+}
+
+#tabbed_menu_tabs {
+	width: 90%;
+	margin: 15px .2em 0 .2em;
+	padding: 0;
+}
+
+#tabbed_menu_tabs li {
+	padding: 0;
+	margin: 0 .8em;
+}
+
+.dropbox_date {
+	color: #737780;	
+	font-style: italic ;
+	font-weight: normal;	
+}
+
+
+/*
+==============================================================================
+    SYSTEM ANNOUNCEMENTS
+==============================================================================
+*/
+
+div.system_announcement {
+	padding: .2em;
+	border: 1px solid #EE8003;
+}
+
+.system_announcement_title {
+	color: #794102;
+}
+
+.system_announcements {
+	background: transparent url('images/systemenouvelles.gif') no-repeat top
+		left;
+	padding-top: 30px;
+	width: 50%;
+}
+
+.system_announcements h3 {
+	text-align: center;
+}
+
+.system_announcement {
+	background: #ffb963 url('images/headertables.jpg') repeat-x;
+	font: bold 100% arial, sans-serif, sans;
+}
+
+.system_announcement_content {
+	font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
+}
+/*
+==============================================================================
+	FCKEDITOR
+==============================================================================
+*/
+
+.skip {
+	position:absolute;
+	top:0;
+	left:-9000px;
+}
+
+
+/*
+==============================================================================
+    INSTALLATION
+==============================================================================
+*/
+
+#installation_steps {
+	background-color: #EFEFEF;
+	float: left;
+}
+
+.current_step {
+	font-weight: bold;
+}
+
+.RequirementHeading {
+	margin-right: 10px;
+}
+
+.RequirementHeading h1 {
+	border-bottom: 1px solid #0066CC;
+	color: #0066CC;
+	font-size: 1.2em;
+	font-weight: bold;
+}
+
+.RequirementText {
+	color: #666;
+	float: right;
+	font-size: 1.0em;
+	font-weight: normal;
+	width: 200px;
+}
+
+.RequirementContent {
+	color: #000;
+	font-size: 1.0em;
+	font-weight: normal;
+}
+
+.RequirementContent table {
+	border: 1px solid #ccc;
+	width: 400px;
+}
+
+.RequirementContent table th {
+	border-bottom: 1px solid #ccc;
+	text-align: left;
+}
+
+.requirements-item {
+	background-color: #f7f7f7;
+	padding-left: 2px;
+	width: 50%;
+}
+
+/*
+------------------------------------------------------------------------------
+    Survey
+------------------------------------------------------------------------------
+*/
+#survey_title{
+	background-color:#264269;
+	color:#FFF;
+	padding:2px;
+	border: 1px solid #264269;
+}
+#survey_subtitle{
+	background-color:#264269;
+	color:#FFF;
+	padding:2px;
+	border: 1px solid #264269;
+}
+.survey_content{
+	background-color:#EFEFEF;
+	color:#264269;
+	padding:5px;
+	border: 1px solid #264269;
+}
+.survey_question_wrapper{
+ 	border: 1px solid #4271b5;
+}
+.survey_question{
+	/* 264269 4271b5 E5EDF9 */
+	background-color:#4271b5;
+	color:#FFFFFF;
+	padding:5px;
+	/*border: 1px solid #264269;*/
+}
+.survey_question_options{
+	/* 264269 4271b5 E5EDF9 */
+	background-color:#FFF;
+	color:#000;
+	padding:5px;
+	/*border: 1px solid #264269;*/
+}
+.survey_export_link { float: right; }
+/*
+------------------------------------------------------------------------------^M
+    sessions
+------------------------------------------------------------------------------^M
+*/
+
+#ajax_list_coachs {
+        position:absolute;
+        border:1px solid #4171B5;
+        margin:0px;
+        padding:0px;
+        margin-left:200px;
+        margin-top:-23px;
+        background-color:#FFFFFF;
+        height:auto;
+        overflow:auto;
+}
+#ajax_list_courses {
+        position:absolute;
+        border:1px solid #4171B5;
+        margin:0px;
+        padding:0px;
+        margin-left:200px;
+        background-color:#FFFFFF;
+        height:auto;
+        overflow:auto;
+}
+#ajax_list_users {
+        position:absolute;
+        border:1px solid #4171B5;
+        margin:0px;
+        padding:0px;
+        margin-left:200px;
+        background-color:#FFFFFF;
+        height:auto;
+        overflow:auto;
+}
+
+#chat_login_name {
+	color : #317100;  
+}
+/* Quizzes tool */
+.quiz_export_link { float: right; }
\ No newline at end of file
diff --git a/main/css/baby_orange/frames.css b/main/css/baby_orange/frames.css
new file mode 100755
index 0000000000..919443b7bd
--- /dev/null
+++ b/main/css/baby_orange/frames.css
@@ -0,0 +1,641 @@
+/* Default Style Sheet for Dokeos  (in progress ...)
+   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
+   */
+
+body {
+	font-family: verdana, arial, helvetica, sans-serif;
+	font-size: 12px;
+	color: #000;
+	margin: 10px;
+	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                                    *
+ *****************************************************/
+#header {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+}
+/* Header 1: Containing title, portal and organization */
+#header1 {
+	font-size: 12px;
+	padding: 4px;
+	background-color: #264269; 
+	color: #fff; 
+	border-bottom: 1px solid white;
+}
+#header1 a {
+	color: #ffffff;
+	text-decoration: none;
+}
+#header1 a:hover{
+	text-decoration: underline;
+}
+#sitename { 
+	margin: 0; 
+	font-weight: bold;
+}
+#institution {
+	float: left; 
+	font-weight: bold;
+}
+#my_courses {
+	float: right; 
+	font-weight: bold;
+}
+/* Header 2: Containing My Courses, My Profile,... */
+#header2 {
+	font-size: 12px;
+	padding: 4px;
+	background-color: #4271B5; 
+	color: #fff; 
+	border-bottom: 1px solid white;
+}
+#header2 .banner_links {
+	margin: 0; 
+}
+#header2 a { 
+	text-decoration: none;
+	color: #fff; 
+	background: transparent;
+	font-weight:normal;
+	font-size: 12px;
+}
+#header2 input.logout { 
+ 	/* makes an input appear like a link in this header */	
+	margin: 0; 
+	padding: 0; 
+	background-color: transparent; 
+	border: none;
+	color: #fff; 
+	font-size: 12px;
+	font-weight:normal;
+	font-family: verdana, arial, helvetica, sans-serif; 
+}
+#header2 a:hover, #header2 input.logout:hover {
+	border-bottom: 1px solid #fff;
+}
+#logout {
+	float: right; 
+	width:20%; 
+	text-align:right;
+}
+/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */
+#header3 {
+	position: relative; /* to avoid the IE peekabo bug*/
+	font-size: 12px;
+	font-weight: normal;
+	padding: 4px;
+	background-color: #90AFDD;
+	color: #fff;
+	border-bottom: 1px solid white;
+}
+#header3 a {
+	color: #ffffff;
+	text-decoration: none;
+	font-weight:normal;
+}
+#header3 a:hover{
+	text-decoration: underline;
+}
+/* Header3Right: online users, student/teacher view, help */
+#Header3Right ul{
+	position: relative; /* to avoid the IE peekabo bug*/
+	float: right;
+	width: 50%;
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	text-align: right;
+}
+#Header3Right ul li { 
+	display: inline; 
+}
+#Header3Right ul li a {
+	padding: 4px 6px 4px 4px; 
+	color:#fff; 
+}
+/* Header 4: not used */
+#header4 {
+	background-color: #fff;
+	color: #009;
+	padding: 4px;
+	margin-bottom: 2px;
+}
+#header4 a {
+	color: #4171b5;
+}
+#header4 a:hover {
+	text-decoration: none;
+	color: #f00;
+}
+/* The tool shortcuts */
+#toolshortcuts {
+	text-align: right;
+}
+
+/***************************************************** 
+ *  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" classes for menu/navigation section in main index.php  */
+.menu { float: right; width: 20%;  padding: 0 0 6px 0;
+ background-color: #E5EDF9; border: 1px solid #4171B5; }
+.menucaption { font-size: 12px; font-weight: bold;  padding-left: 12px; }
+.menusection { width: auto; margin: 24px 6px 0 6px;
+ padding-left: 10px; border: 1px solid #4171B5; }
+.menusectioncaption { position: relative; top: -9px;
+ background-color: #E5EDF9; font-size: 12px; padding: 0 8px 0 4px; }
+.menulist { list-style: none; margin: 0 0 12px 0; padding: 0; }
+
+
+#lang_form {text-align: left; font-size: 12px;
+ margin: 2px 0 10px 0; padding: 2px;}
+#lang_form input, #lang_form select
+{ font-size: 12px;}
+
+#loginform label { font-size: 12px; margin: 4px 6px;}
+#loginform input { display: block; 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.  
+	*/
+}
+
+#center { margin: 0 0 0 180px; padding: 10px 0 40px 0;  
+ min-height: 300px; }
+
+#left { float: left; width: 180px; padding: 20px 0 0 0;
+ margin-left: -5%; /* the difference to make the left colum appear flush left */
+}
+/* --- left navigation box menu as a definition list  --- */
+#leftnavbox {	margin: 0; padding: 0; float:left;}
+#leftnavbox dl { width: 160px; margin: 12px auto 4px auto; padding: 0 0 10px 0;
+background: transparent; font-size: 12px; text-align: center; }
+#leftnavbox dt { margin: 0; padding: 1px 2px; font-weight: bold; font-size: 12px; 
+ text-align: center; color: #000; 
+ border-bottom: 1px solid #fff; background: transparent; }
+#leftnavbox dd { margin: 0; padding: 0; color: #009; text-align: left;
+border-bottom:1px solid #fff; background: #ccf; }
+#leftnavlist a, #leftnavlist a:link { display: block;
+ color: #fff; text-decoration: none; padding: 2px 5px 2px 10px;
+ background: #4171B5; width:140px; border: 1px solid #009;}
+#leftnavlist a:visited {color:#eee; text-decoration: none; display: block; padding: 2px 5px 2px 10px;
+ background: #4171B5; color: #eee; width:140px; }
+#leftnavlist a:hover { background: #fff; color:#4171B5; display: block;}
+/* --- end of left side definition list menu section  --- */ 
+
+
+ 
+/* 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 {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: #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
+-----------------------------------------------------*/ 
+#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff;
+ border-collapse: collapse;}
+#smallcalendar .weekdays {background-color: #D3DFF1; 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; }
+
+
+/* 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: 0; 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:hover {text-decoration: none; color: red; font-weight: bold}
+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 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; 
+	margin: 0; padding: 0px; padding-top: 8px; background: #fff;}
+
+.home_news {width: 45%; float: right; 
+	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-weight: italic;
+   color: #666666;
+}
+/* System announcements on homepage */
+div.system_announcements{
+}
+div.system_announcements h3{
+
+}
+div.system_announcements ul{
+	list-style-type: none;
+}
+div.system_announcement{
+	margin: 5px;
+}
+div.system_announcement_title{
+}
+div.system_announcement_content{
+	margin-left: 20px;
+	border-left: 1px solid gray;
+	padding-left: 5px;
+}
\ No newline at end of file
diff --git a/main/css/baby_orange/images/alert.jpg b/main/css/baby_orange/images/alert.jpg
new file mode 100755
index 0000000000..a9f64377cb
Binary files /dev/null and b/main/css/baby_orange/images/alert.jpg differ
diff --git a/main/css/baby_orange/images/bar_1.gif b/main/css/baby_orange/images/bar_1.gif
new file mode 100755
index 0000000000..48e9556050
Binary files /dev/null and b/main/css/baby_orange/images/bar_1.gif differ
diff --git a/main/css/baby_orange/images/bar_1m.gif b/main/css/baby_orange/images/bar_1m.gif
new file mode 100755
index 0000000000..3e4591771f
Binary files /dev/null and b/main/css/baby_orange/images/bar_1m.gif differ
diff --git a/main/css/baby_orange/images/bar_1r.gif b/main/css/baby_orange/images/bar_1r.gif
new file mode 100755
index 0000000000..91a679a6a2
Binary files /dev/null and b/main/css/baby_orange/images/bar_1r.gif differ
diff --git a/main/css/baby_orange/images/bar_1u.gif b/main/css/baby_orange/images/bar_1u.gif
new file mode 100755
index 0000000000..da6962caf6
Binary files /dev/null and b/main/css/baby_orange/images/bar_1u.gif differ
diff --git a/main/css/baby_orange/images/bg.jpg b/main/css/baby_orange/images/bg.jpg
new file mode 100755
index 0000000000..1775f23ea0
Binary files /dev/null and b/main/css/baby_orange/images/bg.jpg differ
diff --git a/main/css/baby_orange/images/bgheader.jpg b/main/css/baby_orange/images/bgheader.jpg
new file mode 100755
index 0000000000..fb5ffa68f4
Binary files /dev/null and b/main/css/baby_orange/images/bgheader.jpg differ
diff --git a/main/css/baby_orange/images/bglogin.jpg b/main/css/baby_orange/images/bglogin.jpg
new file mode 100755
index 0000000000..33a951addb
Binary files /dev/null and b/main/css/baby_orange/images/bglogin.jpg differ
diff --git a/main/css/baby_orange/images/bgloginconf.jpg b/main/css/baby_orange/images/bgloginconf.jpg
new file mode 100755
index 0000000000..37aeacb451
Binary files /dev/null and b/main/css/baby_orange/images/bgloginconf.jpg differ
diff --git a/main/css/baby_orange/images/divider.jpg b/main/css/baby_orange/images/divider.jpg
new file mode 100755
index 0000000000..9aab8a2166
Binary files /dev/null and b/main/css/baby_orange/images/divider.jpg differ
diff --git a/main/css/baby_orange/images/divider2.jpg b/main/css/baby_orange/images/divider2.jpg
new file mode 100755
index 0000000000..96018c2daf
Binary files /dev/null and b/main/css/baby_orange/images/divider2.jpg differ
diff --git a/main/css/baby_orange/images/dropbox.jpg b/main/css/baby_orange/images/dropbox.jpg
new file mode 100755
index 0000000000..cf4e39fdd5
Binary files /dev/null and b/main/css/baby_orange/images/dropbox.jpg differ
diff --git a/main/css/baby_orange/images/headerform.jpg b/main/css/baby_orange/images/headerform.jpg
new file mode 100755
index 0000000000..9b87b12901
Binary files /dev/null and b/main/css/baby_orange/images/headerform.jpg differ
diff --git a/main/css/baby_orange/images/headerform2.jpg b/main/css/baby_orange/images/headerform2.jpg
new file mode 100755
index 0000000000..29a3fbcac1
Binary files /dev/null and b/main/css/baby_orange/images/headerform2.jpg differ
diff --git a/main/css/baby_orange/images/headerform3.jpg b/main/css/baby_orange/images/headerform3.jpg
new file mode 100755
index 0000000000..8dcf57020e
Binary files /dev/null and b/main/css/baby_orange/images/headerform3.jpg differ
diff --git a/main/css/baby_orange/images/headertables.jpg b/main/css/baby_orange/images/headertables.jpg
new file mode 100755
index 0000000000..585fb071ef
Binary files /dev/null and b/main/css/baby_orange/images/headertables.jpg differ
diff --git a/main/css/baby_orange/images/line.jpg b/main/css/baby_orange/images/line.jpg
new file mode 100755
index 0000000000..a132f916e3
Binary files /dev/null and b/main/css/baby_orange/images/line.jpg differ
diff --git a/main/css/baby_orange/images/shadowheader.jpg b/main/css/baby_orange/images/shadowheader.jpg
new file mode 100755
index 0000000000..8e7b776015
Binary files /dev/null and b/main/css/baby_orange/images/shadowheader.jpg differ
diff --git a/main/css/baby_orange/images/systemenouvelles.gif b/main/css/baby_orange/images/systemenouvelles.gif
new file mode 100755
index 0000000000..ede800010a
Binary files /dev/null and b/main/css/baby_orange/images/systemenouvelles.gif differ
diff --git a/main/css/baby_orange/images/tables.jpg b/main/css/baby_orange/images/tables.jpg
new file mode 100755
index 0000000000..2f9eadeb95
Binary files /dev/null and b/main/css/baby_orange/images/tables.jpg differ
diff --git a/main/css/baby_orange/images/thindivider.jpg b/main/css/baby_orange/images/thindivider.jpg
new file mode 100755
index 0000000000..986d907c7d
Binary files /dev/null and b/main/css/baby_orange/images/thindivider.jpg differ
diff --git a/main/css/baby_orange/images/tinydivider.jpg b/main/css/baby_orange/images/tinydivider.jpg
new file mode 100755
index 0000000000..b5496086c1
Binary files /dev/null and b/main/css/baby_orange/images/tinydivider.jpg differ
diff --git a/main/css/baby_orange/images/vertdivider.jpg b/main/css/baby_orange/images/vertdivider.jpg
new file mode 100755
index 0000000000..87617baf49
Binary files /dev/null and b/main/css/baby_orange/images/vertdivider.jpg differ
diff --git a/main/css/baby_orange/learnpath.css b/main/css/baby_orange/learnpath.css
new file mode 100755
index 0000000000..f5f027b6e3
--- /dev/null
+++ b/main/css/baby_orange/learnpath.css
@@ -0,0 +1,86 @@
+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:100%;}
+
+table.lp_form td{height:25px; padding:5px; vertical-align:top; width:auto;}
+table.lp_form td.label{padding-top:7px; text-align:right; width:75px;}
+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/baby_orange/print.css b/main/css/baby_orange/print.css
new file mode 100755
index 0000000000..44943fed35
--- /dev/null
+++ b/main/css/baby_orange/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;
+}
\ No newline at end of file
diff --git a/main/css/baby_orange/scorm.css b/main/css/baby_orange/scorm.css
new file mode 100644
index 0000000000..b44fcccf1a
--- /dev/null
+++ b/main/css/baby_orange/scorm.css
@@ -0,0 +1,164 @@
+.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: 92%;
+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-weight: normal;
+}
+
+.inner_lp_toc .scorm_item A.chapter_module{
+	font-weight: normal;
+}
+
+.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-weight: normal;
+			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:#EE4C03;
+	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: 40px;
+	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/baby_orange/scormfs.css b/main/css/baby_orange/scormfs.css
new file mode 100755
index 0000000000..b84c0ef85d
--- /dev/null
+++ b/main/css/baby_orange/scormfs.css
@@ -0,0 +1,83 @@
+.scormpage{
+}
+.scormpage .menu{
+	width: 180px;
+	padding: 0px;
+	font-size: small;
+	position: absolute;
+	background-color: white;
+/*
+	filter:alpha(opacity=50);
+	opacity: 0.50;
+	-moz-border-radius: 25px;
+	margin-right: 5%;
+	margin-left: 75%;
+	margin-top: 10px;
+*/
+}
+.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-top: 2px;
+	position: absolute;
+	left: 50%;
+	margin-left: -70px;
+}
+.lp_navigation_elem .progresstext{
+	margin-top: -12px;
+	margin-left: 4em;
+	font-size: smaller;
+}
+.lp_navigation_elem .buttons{
+	margin-left: 1em;
+	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;
+}