+
+
+
+
+
+
+
+
+standard_end_of_body_html() ?>
+
+
\ No newline at end of file
diff --git a/theme/formal_white/lib.php b/theme/formal_white/lib.php
new file mode 100644
index 00000000000..d94f6cd75cd
--- /dev/null
+++ b/theme/formal_white/lib.php
@@ -0,0 +1,91 @@
+settings->backgroundcolor)) {
+ $backgroundcolor = $theme->settings->backgroundcolor;
+ } else {
+ $backgroundcolor = null;
+ }
+ $css = formalwhite_set_backgroundcolor($css, $backgroundcolor);
+
+ // Set the region width
+ if (!empty($theme->settings->regionwidth)) {
+ $regionwidth = $theme->settings->regionwidth;
+ } else {
+ $regionwidth = null;
+ }
+ $css = formalwhite_set_regionwidth($css, $regionwidth);
+
+ // Set the custom CSS
+ if (!empty($theme->settings->customcss)) {
+ $customcss = $theme->settings->customcss;
+ } else {
+ $customcss = null;
+ }
+ $css = formalwhite_set_customcss($css, $customcss);
+
+ // Return the CSS
+ return $css;
+}
+
+/**
+ * Sets the background colour variable in CSS
+ *
+ * @param string $css
+ * @param mixed $backgroundcolor
+ * @return string
+ */
+function formalwhite_set_backgroundcolor($css, $backgroundcolor) {
+ $tag = '[[setting:backgroundcolor]]';
+ $replacement = $backgroundcolor;
+ if (is_null($replacement)) {
+ $replacement = '#F7F6F1';
+ }
+ $css = str_replace($tag, $replacement, $css);
+ return $css;
+}
+
+/**
+ * Sets the region width variable in CSS
+ *
+ * @param string $css
+ * @param mixed $regionwidth
+ * @return string
+ */
+function formalwhite_set_regionwidth($css, $regionwidth) {
+ $tag = '[[setting:regionwidth]]';
+ $doubletag = '[[setting:regionwidthdouble]]';
+ $replacement = $regionwidth;
+ if (is_null($replacement)) {
+ $replacement = 200;
+ }
+ $css = str_replace($tag, $replacement.'px', $css);
+ $css = str_replace($doubletag, ($replacement*2).'px', $css);
+ return $css;
+}
+
+/**
+ * Sets the custom css variable in CSS
+ *
+ * @param string $css
+ * @param mixed $customcss
+ * @return string
+ */
+function formalwhite_set_customcss($css, $customcss) {
+ $tag = '[[setting:customcss]]';
+ $replacement = $customcss;
+ if (is_null($replacement)) {
+ $replacement = '';
+ }
+ $css = str_replace($tag, $replacement, $css);
+ return $css;
+}
\ No newline at end of file
diff --git a/theme/formal_white/pix/bg_bread.jpg b/theme/formal_white/pix/bg_bread.jpg
new file mode 100644
index 00000000000..a6cfe63ed51
Binary files /dev/null and b/theme/formal_white/pix/bg_bread.jpg differ
diff --git a/theme/formal_white/pix/dock_removeall.png b/theme/formal_white/pix/dock_removeall.png
new file mode 100644
index 00000000000..6b1c076d040
Binary files /dev/null and b/theme/formal_white/pix/dock_removeall.png differ
diff --git a/theme/formal_white/pix/favicon.ico b/theme/formal_white/pix/favicon.ico
new file mode 100644
index 00000000000..5a7a36a68e6
Binary files /dev/null and b/theme/formal_white/pix/favicon.ico differ
diff --git a/theme/formal_white/pix/gradient_h.jpg b/theme/formal_white/pix/gradient_h.jpg
new file mode 100644
index 00000000000..9eafba7949d
Binary files /dev/null and b/theme/formal_white/pix/gradient_h.jpg differ
diff --git a/theme/formal_white/pix/logo.jpg b/theme/formal_white/pix/logo.jpg
new file mode 100644
index 00000000000..88879ef1160
Binary files /dev/null and b/theme/formal_white/pix/logo.jpg differ
diff --git a/theme/formal_white/pix/logo_small.jpg b/theme/formal_white/pix/logo_small.jpg
new file mode 100644
index 00000000000..861338afdb2
Binary files /dev/null and b/theme/formal_white/pix/logo_small.jpg differ
diff --git a/theme/formal_white/pix/movedock.png b/theme/formal_white/pix/movedock.png
new file mode 100644
index 00000000000..bae6a20b0cc
Binary files /dev/null and b/theme/formal_white/pix/movedock.png differ
diff --git a/theme/formal_white/pix/roundcorner/body_l.jpg b/theme/formal_white/pix/roundcorner/body_l.jpg
new file mode 100644
index 00000000000..a7b68fccebf
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/body_l.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/body_r.jpg b/theme/formal_white/pix/roundcorner/body_r.jpg
new file mode 100644
index 00000000000..51af8f81746
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/body_r.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/footer.jpg b/theme/formal_white/pix/roundcorner/footer.jpg
new file mode 100644
index 00000000000..2a66a975ee8
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/footer.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/footer_l.jpg b/theme/formal_white/pix/roundcorner/footer_l.jpg
new file mode 100644
index 00000000000..203abac8608
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/footer_l.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/footer_r.jpg b/theme/formal_white/pix/roundcorner/footer_r.jpg
new file mode 100644
index 00000000000..9171979f4b8
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/footer_r.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/header.jpg b/theme/formal_white/pix/roundcorner/header.jpg
new file mode 100644
index 00000000000..cd6e9772a7e
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/header.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/header_l.jpg b/theme/formal_white/pix/roundcorner/header_l.jpg
new file mode 100644
index 00000000000..92acf0b23e5
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/header_l.jpg differ
diff --git a/theme/formal_white/pix/roundcorner/header_r.jpg b/theme/formal_white/pix/roundcorner/header_r.jpg
new file mode 100644
index 00000000000..866802b8ea6
Binary files /dev/null and b/theme/formal_white/pix/roundcorner/header_r.jpg differ
diff --git a/theme/formal_white/pix/screenshot.gif b/theme/formal_white/pix/screenshot.gif
new file mode 100644
index 00000000000..b22fdcb20ed
Binary files /dev/null and b/theme/formal_white/pix/screenshot.gif differ
diff --git a/theme/formal_white/settings.php b/theme/formal_white/settings.php
new file mode 100644
index 00000000000..0009f58c689
--- /dev/null
+++ b/theme/formal_white/settings.php
@@ -0,0 +1,50 @@
+'.block .content', 'style'=>'backgroundColor');
+$setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig);
+$temp->add($setting);
+
+// Logo file setting
+$name = 'theme_formalwhite/logo';
+$title = get_string('logo','theme_formalwhite');
+$description = get_string('logodesc', 'theme_formalwhite');
+$setting = new admin_setting_configtext($name, $title, $description, '', PARAM_URL);
+$temp->add($setting);
+
+// Block region width
+$name = 'theme_formalwhite/regionwidth';
+$title = get_string('regionwidth','theme_formalwhite');
+$description = get_string('regionwidthdesc', 'theme_formalwhite');
+$default = 200;
+$choices = array(150=>'150px', 170=>'170px', 200=>'200px', 240=>'240px', 290=>'290px', 350=>'350px', 420=>'420px');
+$setting = new admin_setting_configselect($name, $title, $description, $default, $choices);
+$temp->add($setting);
+
+// Foot note setting
+$name = 'theme_formalwhite/footnote';
+$title = get_string('footnote','theme_formalwhite');
+$description = get_string('footnotedesc', 'theme_formalwhite');
+$setting = new admin_setting_confightmleditor($name, $title, $description, '');
+$temp->add($setting);
+
+// Custom CSS file
+$name = 'theme_formalwhite/customcss';
+$title = get_string('customcss','theme_formalwhite');
+$description = get_string('customcssdesc', 'theme_formalwhite');
+$setting = new admin_setting_configtextarea($name, $title, $description, '');
+$temp->add($setting);
+
+// Add our page to the structure of the admin tree
+$ADMIN->add('themes', $temp);
\ No newline at end of file
diff --git a/theme/formal_white/style/base.css b/theme/formal_white/style/base.css
new file mode 100644
index 00000000000..7d3bb32223d
--- /dev/null
+++ b/theme/formal_white/style/base.css
@@ -0,0 +1,35 @@
+body, div, p, li, input, option, textarea {font-size:8pt;line-height:1.5em;}
+body, div, p, li, input, option, textarea, h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}
+
+h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {text-align:center;}
+
+.generalbox {padding:10px;margin-bottom:15px;}
+.generaltable, .userinfobox {margin-left:auto;margin-right:auto;}
+#notice.generalbox {margin-left: auto;margin-right: auto;width: 60%;}
+.notifyproblem {padding:10px;color:#660000;text-align:center;}
+.notifysuccess {padding:10px;color:#006600;text-align:center;}
+
+.paging {text-align:center;}
+
+/**
+ * Tabs
+ */
+.tabtree {position:relative;margin-bottom:3.5em;}
+.tabtree .tabrow0 {text-align:center;width:100%;margin:1em 0px;}
+.tabtree .tabrow0 li {display:inline;margin-right:-4px;}
+.tabtree .tabrow0 li.here a {position:relative;z-index:102;}
+.tabtree .tabrow0 li a {background-image:url([[pix:theme|tab/left]]);padding-left:14px;padding-top:10px;background-repeat:no-repeat;padding-bottom:3px;margin-bottom:-1px;}
+.tabtree .tabrow0 li a:hover {background-image:url([[pix:theme|tab/left_hover]]);}
+.tabtree .tabrow0 li a span { background-image:url([[pix:theme|tab/right]]);background-repeat:no-repeat;background-position:100% 0%;padding-right:14px;padding-top:10px;padding-bottom:3px;}
+.tabtree .tabrow0 li a:hover span {background-image:url([[pix:theme|tab/right_hover]]);}
+.tabtree .tabrow0 ul,
+.tabtree .tabrow0 div {background-image:url([[pix:theme|tab/tabrow1]]);background-position:0% 50%;position:absolute;width:100%;border-top:1px solid #aaa;padding:0.25em 0px;top:100%;margin:0px;}
+.tabtree .tabrow0 .empty {height:1px;overflow:hidden;padding:0px;position:absolute;}
+.tabtree .tabrow1 li a,
+.tabtree .tabrow1 li a:hover,
+.tabtree .tabrow1 li a span,
+.tabtree .tabrow1 li a:hover span {background-image:none !important;}
+
+.groupmanagementtable {width:90%;}
+.groupmanagementtable td {vertical-align:top;border-width:0px;}
+.groupmanagementtable td p {margin:0px;}
\ No newline at end of file
diff --git a/theme/formal_white/style/dock.css b/theme/formal_white/style/dock.css
new file mode 100644
index 00000000000..20e23dd2bd7
--- /dev/null
+++ b/theme/formal_white/style/dock.css
@@ -0,0 +1,54 @@
+/** Core overrides **/
+body.has_dock {margin-left:30px;margin-right:30px;}
+
+/* This CSS is for the dock */
+.dock {width:30px;position:fixed;top:0px;left:0px;height:100%;background-image:url([[pix:theme|vgradient]]);background-repeat: repeat-y;background-position:100% 0;background-color:#DDD;border-right:1px solid #AAA;z-index:2002;}
+.dock .dockeditem {background-color:#DDD;}
+.dock .dockeditem .firstdockitem {margin-top:1em;}
+.dock .dockeditem .dockedtitle {border-bottom:1px solid #AAA;border-top:1px solid #CCC;cursor:pointer;background-image:url([[pix:theme|vgradient]]);background-position:90% 0;background-repeat: repeat-y;}
+.dock .dockeditem .dockedtitle.activeitem {background-position:80% 0;}
+.dock .dockeditem .dockedtitle h2 {font-size:0.8em;line-height:100%;text-transform:uppercase;text-align:center;margin:12px 0px;}
+.dock .block_tree .current_branch {}
+.dock .controls {position:absolute;bottom:1em;text-align:center;width:100%;}
+.dock .controls img {cursor:pointer;}
+.dock .bd.oversized_content {overflow-y:auto;overflow-x:visible;height:inherit;}
+.dock .bd.oversized_content .content {margin:6px 6px 6px 0px;padding-bottom:6px;}
+.dock .yui-panel .hd {text-align:right;border-width:0 0 1px 0;padding:3px 5px;}
+.dock .yui-panel .hd .commands img {margin-right:2px;}
+
+/**.dock .bd .content .blockcommands {text-align:right;border:1px solid #AAA;border-width:0 0 1px 1px;background-image:url([[pix:theme|hgradient]]);background-repeat: repeat-x;}**/
+/** YUI overrides **/
+.yui-skin-sam .dock .yui-panel {border-width:1px 2px 1px 1px;border-color:#AAA;min-width:150px;}
+.yui-skin-sam .dock .yui-panel .bd {border-width:0;background-color:#FAFAFA;}
+/** Override the above if the dock is on the right **/
+.dock.dock_right_vertical {left:auto;right:0px;border-width:0px 0px 1px 5px;}
+.dock.dock_right_vertical .commands {text-align:right;}
+.yui-skin-sam .dock.dock_right_vertical .yui-panel {border-width:1px 0 1px 5px;}
+
+/* block expansion code */
+.block_js_expansion .block_tree {overflow-x:scroll;}
+.block_js_expansion.mouseover .content {width:200%;z-index:1000;position:relative;}
+.block_js_expansion.mouseover .content .block_tree {width:100%; background-color:#FAFAFA; padding-bottom:0px;}
+
+/* CSS for shadows */
+.divshadow div {position:absolute;width:3px;height:3px;background-color:#333;}
+.divshadow .shadow_top {top:-3px;right:0px;width:100%;}
+.divshadow .shadow_bottom {bottom:-3px;right:0px;width:100%;}
+.divshadow .shadow_left {top:0px;left:-3px;height:100%;}
+.divshadow .shadow_right {bottom:0px;right:-3px;height:100%;}
+.divshadow .shadow_top_right {top:-3px;right:-3px;}
+.divshadow .shadow_bottom_right {bottom:-3px;right:-3px;}
+.divshadow .shadow_top_left {top:-3px;left:-3px;}
+.divshadow .shadow_bottom_left {bottom:-3px;left:-3px;}
+
+/** IE stylings */
+.ie6 .block .block_tree {width:160px;overflow-x:scroll;}
+.ie7 .block .block_tree {overflow-x:scroll;}
+.ie6 .block_tree .tree_item {width:100%;}
+.ie6 .dock {position:absolute;}
+.ie6 .dock hr {display:none;margin:0px;height:0px;padding:0px;}
+.ie6 .dock li p {background-color:inherit;}
+.ie6 .dock .bd.oversized_content .content, .ie7 .dock .bd.oversized_content .content {padding-bottom:0px;}
+.ie6 .block_js_expansion.mouseover .content, .ie7 .block_js_expansion.mouseover .content{ padding-bottom:2px;}
+.ie6 .dock .bd.oversized_content {width:100%;}
+.ie7 .dock .bd.oversized_content {width:400px;}
\ No newline at end of file
diff --git a/theme/formal_white/style/formalwhite.css b/theme/formal_white/style/formalwhite.css
new file mode 100644
index 00000000000..41a4d861462
--- /dev/null
+++ b/theme/formal_white/style/formalwhite.css
@@ -0,0 +1,93 @@
+
+/***
+ *** Core
+ ***/
+html, body {background-color: #FBF9FA;}
+
+body {
+ font-family: Helvetica, Arial, Verdana, sans-serif;
+ font-size: 0.95em;
+ line-height: 1.4;
+ margin: 0;
+ padding: 0;
+}
+
+#page-site-index {
+ display:block;
+}
+
+#page {
+ width:97%;
+ background-image: url([[pix:theme|roundcorner/header]]);
+ margin:15px 1.5% 0;
+ background-position:0 0;
+ background-repeat:repeat-x;
+ min-width: 934px;
+}
+
+#headerenvelop { /* Inside Header Middle */
+ color:#fff;
+ height: 105px;
+ /*background-color: #E3DFD4;*/
+}
+
+#logo {
+ float: left;
+ /*display:inline;*/
+}
+
+.sitelogo {
+ margin:5px 0 -4px 3px;
+}
+
+/* Header */
+#header, #header-home {
+ padding:0 17px;
+ background-color: #E3DFD4;
+ margin-left:17px;
+ margin-right:17px;
+}
+
+#custommenu, .navbar {
+ margin-right: 17px;
+ margin-left: 17px;
+}
+
+.yui3-skin-sam .yui3-menu-content {border-right:none;border-left:none;}
+
+.navbar {
+ width:auto;
+ padding:3px 1em;
+ background-image: url([[pix:theme|bg_bread]]);
+}
+
+/* content */
+#page-content {
+ float: none;
+ width: auto;
+ margin-right: 17px;
+ margin-left: 17px;
+}
+
+.shrinker { /* To keep content off of the background image */
+ margin:1px 0 0 0;
+}
+
+
+/* Link Colors */
+a:link, a:visited {
+ color:#375faf;
+}
+a:hover, a:active {
+ color:#304469;
+}
+
+#headerenvelop a:link, #headerenvelop a:visited {
+ color:#000;
+}
+
+.clearfix {
+ min-width: 0;
+ /* overflow: hidden; */
+ display:block;
+}
diff --git a/theme/formal_white/style/fw_corners.css b/theme/formal_white/style/fw_corners.css
new file mode 100644
index 00000000000..a031b0ac0a4
--- /dev/null
+++ b/theme/formal_white/style/fw_corners.css
@@ -0,0 +1,66 @@
+div.headerleft div { /* Page background top left */
+ background-image: url([[pix:theme|roundcorner/header_l]]);
+ font-size:1px;
+ line-height:1%;
+ height:17px;
+ background-repeat:no-repeat;
+ background-position:0 0;
+ background-color:transparent;
+ position:relative;
+ width:17px;
+ margin-left:-17px;
+}
+
+div.headerleft { /*Page background top right */
+ background-image: url([[pix:theme|roundcorner/header_r]]);
+ background-repeat:no-repeat;
+ background-position:100% 0;
+ text-align:left;
+ height:17px;
+ margin:0 0 0 17px;
+}
+
+div.bodyleft { /* Page background left */
+ background-image: url([[pix:theme|roundcorner/body_l]]);
+ background-repeat:repeat-y;
+ background-position:0 0;
+ background-color:transparent;
+}
+
+div.bodyright { /* Page background right */
+ background-image: url([[pix:theme|roundcorner/body_r]]);
+ background-repeat:repeat-y;
+ background-position:100% 0;
+ background-color:transparent;
+}
+
+/* Page background shading and curvy corners at bottom of screen */
+
+div.contentfooter div { /* Bottom Left */
+ font-size:1px;
+ line-height:1%;
+ height:17px;
+ background-repeat:no-repeat;
+ background-position:0 0;
+ background-color:transparent;
+ position:relative;
+ width:17px;
+ margin-left:-17px;
+ background-image: url([[pix:theme|roundcorner/footer_l]]);
+}
+
+div.contentfooter { /* Bottom Right */
+ background-image: url([[pix:theme|roundcorner/footer_r]]);
+ background-position:100% 0;
+ text-align:left;
+ margin:0 0 0 17px;
+ background-repeat:no-repeat;
+}
+
+#page2 { /* Bottom Middle */
+ background-image: url([[pix:theme|roundcorner/footer]]);
+ background-repeat: repeat-x;
+ background-position: 0 100%;
+ background-attachment: scroll;
+ background-color: transparent;
+}
\ No newline at end of file
diff --git a/theme/formal_white/style/general.css b/theme/formal_white/style/general.css
new file mode 100644
index 00000000000..a521c27d415
--- /dev/null
+++ b/theme/formal_white/style/general.css
@@ -0,0 +1,228 @@
+a:link {text-decoration:none;color: #697F55;}
+a:visited {text-decoration:none;color: #697F55;}
+a:hover {text-decoration:underline;}
+
+img.icon,
+img.iconhelp {vertical-align:middle;}
+
+#page {overflow:visible}
+/*#page #page-content {background-color:#FFF;border:1px solid #697F55;}*/
+
+/******************/
+#page-header {background-color: #E3DFD4; color:#FFF;border:1px solid #697F55;border-bottom: none;}
+.hasnavbar #page-header {border-bottom-width:0px;}
+#page-header .headermain span {color:#C8C9C7;}
+
+#page-header .navbar {background-image: url([[pix:theme|bg_bread]]);width:100%;}
+#page-header .navbar {color:#000;}
+#page-header .navbar a:link {color:#fff;}
+#page-header .navbar a:visited {color:#fff;}
+#page-header .navbar .breadcrumb {margin:6px 1em;float:left;}
+#page-header .navbar .navbutton {float:right;margin:5px 1em;}
+
+#region-pre .region-content {background-color: #E3DFD4;}
+/*#region-post .region-content {background-color: #E3DFD4;}*/
+#region-post-box {background-color: #E3DFD4;}
+
+/** General **/
+.generalbox {border: 1px solid #DDDDDD;}
+.generaltable td {border-width:0px;}
+.sitetopic {border-width:0px;}
+.headingblock {margin-bottom:10px;border-bottom:1px solid #697F55;background-color:#FFF;padding:4px 5px;}
+
+.coursebox {width:100%;margin:10px 0px;border-bottom:1px solid #E3E3E3;overflow:hidden;padding-bottom:10px;}
+.coursebox .info {width:35%;float:left;}
+.coursebox .summary {width:60%;float:right;}
+
+.course-content ul {margin:0px;}
+.course-content .headingblock.outline {margin-top:0px;}
+.course-content .section.main {border:1px solid #E3E3E3;margin-bottom:10px;}
+.course-content .section.main .left.side {float:left;width:20px;padding:5px;}
+.course-content .section.main .right.side {float:right;width:20px;padding:5px;}
+.course-content .section.main .content {margin:0px 30px 10px 30px;}
+.course-content .section.main .content .section_add_menus {text-align:right;}
+
+#course-user .section {border:1px solid #DDD;margin:0px 5% 1.5em 5%;}
+
+#course-user .section h2,
+#course-user .section .content {margin:5px 1em;}
+#course-user .section table td {border:0px;}
+
+.generaltable {border:1px solid #DDD;}
+.generaltable .cell {background-color:#FFF;border:1px solid #EEE;border-collapse: collapse;}
+.generaltable .header {background-color:#EEE;border:1px solid #EEE;font-weight:bold;}
+
+/** Login **/
+.loginbox {margin-top:15px;margin-bottom:15px;}
+.loginbox .loginform {margin-top:15px;}
+.loginbox .loginform .form-label {width:39%;float:left;text-align:right;}
+.loginbox .loginform .form-input {width:60%;float:right;text-align:left;}
+.loginbox .loginform .form-input input {width:6em;}
+
+.loginbox.twocolumns {border:1px solid #DDD;}
+.loginbox.twocolumns .loginpanel {float:left;width:49%;text-align:center;}
+.loginbox.twocolumns .signuppanel {float:left;width:50%;border-left:1px solid #DDD;}
+.loginbox.twocolumns .signuppanel h2 {text-align:center;}
+.loginbox.twocolumns .signuppanel div {margin:1em;}
+.loginbox.twocolumns .signuppanel div li {font-size:90%;}
+
+.loginbox .loginsub {margin-left:10%;margin-right:10%;padding:10px;margin-bottom:5px;}
+.loginbox .guestsub {margin-left:10%;margin-right:10%;padding:10px;margin-bottom:5px;border-top:1px solid #DDD;}
+
+/** Blocks **/
+.block {border:1px solid #C8C9C7;background-color: #FEFEFE;margin-bottom:10px;overflow:hidden;}
+.block h1,
+.block h2,
+.block h3,
+.block h4 {margin:0px;}
+.block .header {margin:10px 6px 3px 6px;height:22px;margin:0}
+.block .header {background-image: url([[pix:theme|gradient_h]]);}
+.block .header .title {color: #000;}
+.block .content {background-color: white;}
+
+/** Admin **/
+.box.adminwarning {text-align:center;border:1px solid #C8C9C7;background-color:#E3E3E3;margin-bottom:1em;padding:10px 10%;}
+.box.copyright {text-align:center;font-size:90%;padding:10px 10%;}
+#adminsettings fieldset {border:1px solid #C8C9C7;background-color:#E3E3E3;}
+#adminsettings fieldset .generalbox {margin:1em 0.5em;border-color:#C8C9C7;}
+#adminsettings .form-buttons {margin-left:13em;}
+
+.form-item {width:100%;margin:1em 1em 2em 1em ;}
+.form-item .form-label {width:12.5em;text-align:right;float:left;margin-right:0.5em;}
+.form-item .form-label .form-shortname {display:block;color:#666;font-size:75%;}
+.form-item .form-setting {margin-left:13em;}
+.form-item .form-setting .defaultsnext {display:inline;}
+.form-item .form-setting .form-defaultinfo {display:inline;margin-left:0.5em;font-size:90%;color:#666;}
+.form-item .form-description {margin:0.5em 1em 0.5em 13em;}
+.form-item .form-textarea textarea {width:495px;}
+
+#authmenu .informationbox {width:80%;margin-left:auto;margin-right:auto;margin-bottom:10px;border:1px solid #C8C9C7;padding:10px;}
+#authmenu table td {border-width:0px;}
+
+#categoryquestions {margin-left:auto;margin-right:auto;width:100%;}
+
+#categoryquestions th,
+.user th,
+.user th.header,
+.group th.header,
+.admin table tr th,
+.admin table tr th.header {background-color:#697F55;color:#FFF;border:2px solid #697F55;border-bottom-color:#111;}
+
+.user th a:link,
+#categoryquestions th a:link,
+.group th a:link,
+.admin table tr th a:link {color:#FFF;text-decoration:none;}
+
+.user th a:visited,
+#categoryquestions th a:visited,
+.group th a:visited,
+.admin table tr th a:visited {color:#FFF;text-decoration:underline;}
+
+.user tr td.cell,
+#categoryquestions tr td.cell,
+.group tr td.cell,
+.admin table tr td.cell {border:1px solid #C8C9C7;border-width:0px 1px;}
+
+.user .r1 .cell,
+#categoryquestions .r1 .cell,
+.group .r1 .cell,
+.admin table .r1 .cell {background-color:#EEE;}
+
+.admin .plugincompattable .r1 .cell {background-color:#FFF;}
+
+.singlebutton,
+.buttons {text-align:center;margin:20px;}
+.buttons form {display:inline;}
+.buttons div {display:inline;}
+.buttons .singlebutton {display:inline;padding:5px;margin:0px;}
+.admin .generalbox {background-color:#EEE;border-color:#C8C9C7;}
+
+#admin-mnet-index table td,
+#files-index .column-content table td {border-width:0px;}
+
+/** Mforms **/
+.mform fieldset {border-color:#C8C9C7;}
+
+/** Tags **/
+.tag-management-form {text-align:center;}
+#tag-management-list {margin-top:1em;}
+
+/** User **/
+.userinfobox td {border-width:0px;vertical-align:top;}
+.userinfobox .side {width:120px;text-align:center;}
+.userinfobox .list .label {font-weight:bold;text-align:right;}
+
+/** Forum **/
+.forumheaderlist,
+.forumpost {margin-top:15px;border:1px solid #DDD;border-collapse:separate;}
+.forumpost td {border-width:0px;}
+.forumpost .topic {background-color:#C8C9C7;}
+.forumpost .topic .subject {font-weight:bold;}
+.forumpost .topic .author {font-size:0.8em;}
+.forumpost .left {background-color:#EEE;padding:4px;text-align:center;vertical-align:top;width:35px;}
+.forumpost .content .commands {font-size:0.9em;clear:both;padding-top:0.5em;text-align:right;}
+.forumpost .content .link {font-size:0.9em;}
+.forumpost .content .footer {font-size:0.9em;padding-top:0.5em;text-align:right;}
+
+/** Calendar **/
+.block.block_calendar_month td,
+.block.block_calendar_month th {border-width:0px;font-size:10px;padding:1px;width:14%;line-height:18px;}
+#calendar abbr,
+.block.block_calendar_month abbr {border-bottom-width:0px;}
+#calendar .weekend,
+.block.block_calendar_month .weekend {color:#A00;}
+#calendar .maincalendar .calendarmonth td.today,
+.block.block_calendar_month .today {border:1px solid #444;}
+#calendar .eventnone a,
+.block.block_calendar_month .eventnone a {color:#444;}
+
+#calendar {width:99%;margin:0px 1%;border-spacing:5px;border-collapse: separate;}
+#calendar td,
+#calendar th {border-width:0px;font-size:10px;padding:1px;width:14%;line-height:18px;vertical-align:top;}
+#calendar .maincalendar {width:auto;border:1px solid #DDD;}
+#calendar .maincalendar .heightcontainer {height:100%;position:relative;margin:1em;}
+#calendar .maincalendar .header {padding:5px;font-weight:bold;}
+#calendar .maincalendar .header .buttons {float:right;}
+#calendar .maincalendar table {width:100%;}
+#calendar .maincalendar .calendar-controls {width:100%;overflow:hidden;font-size:1.1em;}
+#calendar .maincalendar .calendar-controls .previous {display:block;float:left;width:20%;}
+#calendar .maincalendar .calendar-controls .current {display:block;float:left;width:60%;text-align:center;margin-top:0px;}
+#calendar .maincalendar .calendar-controls .next {display:block;float:left;width:20%;text-align:right;}
+#calendar .sidecalendar {width:200px;}
+#calendar .sidecalendar h2,
+#calendar .sidecalendar h3 {margin:5px;font-size:95%;}
+#calendar .sidecalendar .block {border:1px solid #DDD;margin-bottom:10px;text-align:center;}
+#calendar .sidecalendar .block table {margin:0px auto 5px auto;}
+#calendar .sidecalendar .block .filters table {width:95%;margin:0px auto 1em auto;}
+#calendar .sidecalendar .block .minicalendarblock {border-top:1px solid #DDD;}
+#calendar .filters table {padding:2px;background-color: #EEE;border:1px solid #DDD;border-spacing:2px;border-collapse: separate;}
+#calendar .filters table td {font-size:100%;width:auto;}
+#calendar .filters .eventskey {border:1px solid #444;overflow:hidden;}
+#calendar .calendar_event_global {background-color: #D6F8CD;}
+#calendar .calendar_event_course {background-color: #FFD3BD;}
+#calendar .calendar_event_group {background-color: #FEE7AE;}
+#calendar .calendar_event_user {background-color: #DCE7EC;}
+#calendar .maincalendar .calendarmonth {border-collapse: separate;}
+#calendar .maincalendar .calendarmonth th {font-size:0.9em;border-bottom:2px solid #444;}
+#calendar .maincalendar .calendarmonth td {border:1px solid #EEE;border-bottom-color:#CCC;border-right-color:#CCC;height:6em;}
+#calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;}
+#calendar .maincalendar .calendarmonth td .day {font-weight:bold;}
+#calendar .maincalendar .calendarmonth tr td:first-child {border-left-color:#CCC;}
+#calendar .maincalendar .event {border-spacing: 0px;border:1px solid #DDD;background-color:#EEE;}
+#calendar .maincalendar .event .picture {width:32px;text-align:center;}
+#calendar .maincalendar .event .topic {width:auto;padding:5px;}
+#calendar .maincalendar .event .side {width:32px;}
+#calendar .maincalendar .event .description {width:auto;border-top:1px solid #DDD;border-left:1px solid #DDD;padding:5px;}
+#calendar .maincalendar .bottom {text-align:center;}
+#calendar .calendarmonth ul {margin:0px;padding:0px;}
+#calendar .calendarmonth ul li {list-style: none;margin:0px;padding:2px;}
+
+/** User **/
+.user .rolesform,
+.user .searchform,
+.user #showall,
+.user #participantsform {text-align:center;}
+.user #participantsform table {margin-top:1em;}
+.user #participantsform td {text-align:left;}
+.user table.controls {margin:5px auto;border:1px solid #DDD;background-color:#EEE;border-collapse: collapse;}
+.user table.controls td {border-width:0px;}
\ No newline at end of file
diff --git a/theme/formal_white/style/settings.css b/theme/formal_white/style/settings.css
new file mode 100644
index 00000000000..2eab15748d0
--- /dev/null
+++ b/theme/formal_white/style/settings.css
@@ -0,0 +1,13 @@
+.block .content {background-color:[[setting:backgroundcolor]];}
+#page-content #region-main-box {left:[[setting:regionwidth]];}
+#page-content #region-main-box #region-post-box {margin-left:-[[setting:regionwidthdouble]];}
+#page-content #region-main-box #region-post-box #region-pre {width:[[setting:regionwidth]];left:[[setting:regionwidth]];}
+#page-content #region-main-box #region-post-box #region-post {width:[[setting:regionwidth]];}
+#page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:[[setting:regionwidthdouble]];}
+.side-pre-only #page-content #region-main-box #region-post-box {margin-left:-[[setting:regionwidth]];}
+.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:[[setting:regionwidth]];}
+/* #page {width:[[setting:regionwidth]]%;margin:15px (100-[[setting:regionwidth])/2% 0;} */
+/* #page {min-width: 934px;} */
+
+/** Custom CSS **/
+[[setting:customcss]]
\ No newline at end of file