diff --git a/codalab/apps/web/static/foundation/css/codalab.css b/codalab/apps/web/static/foundation/css/codalab.css
index 61b623312..3b6845eb4 100644
--- a/codalab/apps/web/static/foundation/css/codalab.css
+++ b/codalab/apps/web/static/foundation/css/codalab.css
@@ -63,113 +63,113 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
   display: block;
 }
 
-/* line 49, ../sass/_settings.scss */
+/* line 64, ../sass/_settings.scss */
 * {
   font-family: Segoe UI,'Segoe UI', Helvetica, Arial,'Trebuchet MS',sans-serif;
   font-size: 100%;
   font-weight: normal;
 }
 
-/* line 56, ../sass/_settings.scss */
+/* line 70, ../sass/_settings.scss */
 select {
   color: #333333;
 }
 
-/* line 60, ../sass/_settings.scss */
+/* line 74, ../sass/_settings.scss */
 form textarea {
   color: #333333;
   font-size: 16px;
 }
 
-/* line 64, ../sass/_settings.scss */
+/* line 79, ../sass/_settings.scss */
 .menu-icon {
   background: #3684d6;
 }
 
-/* line 68, ../sass/_settings.scss */
+/* line 83, ../sass/_settings.scss */
 .menu-icon > span, .menu-icon > span a, .menu-icon > span a:hover {
   border-bottom-style: none;
   border: 0px;
   padding: 2px;
 }
 
-/* line 74, ../sass/_settings.scss */
+/* line 89, ../sass/_settings.scss */
 span.has-tip {
   border-bottom: 0px;
 }
 
-/* line 78, ../sass/_settings.scss */
+/* line 93, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section:not(.active) p a:hover {
   color: #ffac31;
 }
 
-/* line 82, ../sass/_settings.scss */
+/* line 97, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p.title {
   background: transparent;
 }
 
-/* line 85, ../sass/_settings.scss */
+/* line 101, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section.active div.content {
   border: 0px;
 }
 
-/* line 89, ../sass/_settings.scss */
+/* line 105, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p.title a {
   padding: 2px;
   text-align: right;
   border: 0px;
 }
 
-/* line 95, ../sass/_settings.scss */
+/* line 111, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p {
   border: 0px;
 }
 
-/* line 99, ../sass/_settings.scss */
+/* line 115, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container div.content {
   margin-left: 10px;
   font-size: 13px;
 }
 
-/* line 104, ../sass/_settings.scss */
+/* line 120, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container div.content ul {
   list-style: disc;
   margin-left: 20px;
 }
 
-/* line 109, ../sass/_settings.scss */
+/* line 125, ../sass/_settings.scss */
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section.active div.content em {
   font-size: 13px;
 }
 
-/* line 113, ../sass/_settings.scss */
+/* line 129, ../sass/_settings.scss */
 td > a > i {
   color: #3684d6;
 }
 
-/* line 117, ../sass/_settings.scss */
+/* line 133, ../sass/_settings.scss */
 a > i {
   height: 100%;
   color: white;
 }
 
-/* line 122, ../sass/_settings.scss */
+/* line 138, ../sass/_settings.scss */
 .competitionsDetailTabArea > section > .title {
   font-size: 19px;
   font-weight: 400;
 }
 
-/* line 127, ../sass/_settings.scss */
+/* line 143, ../sass/_settings.scss */
 .competitionsDetailTabArea > section > .title a:hover {
   color: #ffac31;
 }
 
-/* line 131, ../sass/_settings.scss */
+/* line 147, ../sass/_settings.scss */
 .process_participant_request {
   padding-top: 10px;
 }
 
-/* line 136, ../sass/_settings.scss */
+/* line 152, ../sass/_settings.scss */
 .competitionUserBlock {
   border: solid 1px #ccc;
   margin-bottom: 10px;
@@ -177,39 +177,39 @@ a > i {
   padding: 0;
 }
 
-/* line 143, ../sass/_settings.scss */
+/* line 159, ../sass/_settings.scss */
 .user_results, .competition_results {
   padding-top: 10px;
 }
 
-/* line 146, ../sass/_settings.scss */
+/* line 163, ../sass/_settings.scss */
 .globalBlueButton a, .globalBlueButton a:hover {
   color: white;
 }
 
-/* line 150, ../sass/_settings.scss */
+/* line 167, ../sass/_settings.scss */
 .content > h3 {
   font-size: 14px;
   font-weight: 700;
 }
 
-/* line 155, ../sass/_settings.scss */
+/* line 172, ../sass/_settings.scss */
 .content > p {
   font-size: 13px;
 }
 
-/* line 159, ../sass/_settings.scss */
+/* line 176, ../sass/_settings.scss */
 .section-container.vertical-tabs > section > .content {
   border: 0px;
   color: #3b3b3b;
 }
 
-/* line 164, ../sass/_settings.scss */
+/* line 181, ../sass/_settings.scss */
 .competitionProcessHeader > ul > li {
   height: 100%;
 }
 
-/* line 167, ../sass/_settings.scss */
+/* line 185, ../sass/_settings.scss */
 .competitionProcessHeader > ul > li > a {
   color: white;
   font-size: 13px;
@@ -217,21 +217,21 @@ a > i {
   padding-right: 40px;
 }
 
-/* line 174, ../sass/_settings.scss */
+/* line 192, ../sass/_settings.scss */
 .competition-preview {
   border: 1px solid #cccccc;
   margin-top: 5px;
   margin-bottom: 5px;
 }
 
-/* line 180, ../sass/_settings.scss */
+/* line 198, ../sass/_settings.scss */
 .competition-summary {
   background: #fafafa;
   height: 100px;
   overflow: hidden;
 }
 
-/* line 186, ../sass/_settings.scss */
+/* line 204, ../sass/_settings.scss */
 .competition-preview > .columns > .button.small {
   vertical-align: middle;
   margin-bottom: 5px;
@@ -241,13 +241,13 @@ a > i {
   border-color: #ffac31;
 }
 
-/* line 195, ../sass/_settings.scss */
+/* line 213, ../sass/_settings.scss */
 .competition-summary > .columns {
   margin: 0px;
   padding: 0px;
 }
 
-/* line 200, ../sass/_settings.scss */
+/* line 218, ../sass/_settings.scss */
 .competition-label {
   height: 100px;
   background: #3684d6;
@@ -256,7 +256,7 @@ a > i {
   padding-left: 0px;
 }
 
-/* line 208, ../sass/_settings.scss */
+/* line 226, ../sass/_settings.scss */
 .competition-image {
   padding: 0px;
   margin: 0px;
@@ -264,33 +264,33 @@ a > i {
   vertical-align: middle;
 }
 
-/* line 215, ../sass/_settings.scss */
+/* line 233, ../sass/_settings.scss */
 .competition-info .columns {
   padding: 0px;
   margin: 0px;
 }
 
-/* line 219, ../sass/_settings.scss */
+/* line 238, ../sass/_settings.scss */
 .competition-title {
   color: #333333;
   text-align: left;
   font-size: 15px;
 }
 
-/* line 225, ../sass/_settings.scss */
+/* line 244, ../sass/_settings.scss */
 .large-12 > .competition-label {
   margin: 0px;
   padding: 0px;
   width: 30px;
 }
 
-/* line 231, ../sass/_settings.scss */
+/* line 250, ../sass/_settings.scss */
 .competition-description, .competition-owner {
   font-size: small;
   color: #999999;
 }
 
-/* line 236, ../sass/_settings.scss */
+/* line 255, ../sass/_settings.scss */
 .slider {
   color: white;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
@@ -306,26 +306,26 @@ a > i {
   vertical-align: middle;
 }
 
-/* line 251, ../sass/_settings.scss */
+/* line 270, ../sass/_settings.scss */
 .subheader {
   height: auto;
   padding-bottom: 10px;
 }
 
-/* line 256, ../sass/_settings.scss */
+/* line 275, ../sass/_settings.scss */
 #footer, #footer a, #footer a:hover {
   font-size: small;
   background: #3684d6;
   color: white;
 }
 
-/* line 262, ../sass/_settings.scss */
+/* line 281, ../sass/_settings.scss */
 .topbar-title {
   font-size: x-large;
   font-weight: light;
 }
 
-/* line 267, ../sass/_settings.scss */
+/* line 286, ../sass/_settings.scss */
 .header {
   position: fixed;
   left: 0;
@@ -334,13 +334,13 @@ a > i {
   z-index: 1000;
 }
 
-/* line 275, ../sass/_settings.scss */
+/* line 294, ../sass/_settings.scss */
 .container {
   padding-top: 45px;
   padding-bottom: 20px;
 }
 
-/* line 280, ../sass/_settings.scss */
+/* line 299, ../sass/_settings.scss */
 p.competition-paragraph {
   font-size: 11px;
   color: #666666;
@@ -348,42 +348,42 @@ p.competition-paragraph {
   margin-bottom: 0;
 }
 
-/* line 287, ../sass/_settings.scss */
+/* line 306, ../sass/_settings.scss */
 .competition-info {
   height: 90px;
   overflow: hidden;
   padding-top: 5px;
 }
 
-/* line 293, ../sass/_settings.scss */
+/* line 312, ../sass/_settings.scss */
 .competition-image > img {
   height: 90px;
   margin-top: 5px;
 }
 
-/* line 298, ../sass/_settings.scss */
+/* line 317, ../sass/_settings.scss */
 .competition-preview.panel {
   background: #fafafa;
 }
 
-/* line 302, ../sass/_settings.scss */
+/* line 321, ../sass/_settings.scss */
 .competition-tile {
   margin-bottom: 10px;
 }
 
-/* line 306, ../sass/_settings.scss */
+/* line 325, ../sass/_settings.scss */
 .competition-tile h3 {
   font-size: 16px;
   color: #333333;
 }
 
-/* line 311, ../sass/_settings.scss */
+/* line 330, ../sass/_settings.scss */
 .articleHeadingContainer h3 {
   margin: 0;
   line-height: 100%;
 }
 
-/* line 316, ../sass/_settings.scss */
+/* line 335, ../sass/_settings.scss */
 .articleHeadingContainer label {
   color: #a4a4a4;
   margin-top: 4px;
@@ -391,6 +391,170 @@ p.competition-paragraph {
   font-size: 12px;
 }
 
+/* line 342, ../sass/_settings.scss */
+.signin-centered-container {
+  margin: auto !important;
+  float: none !important;
+  background: #eff2f9;
+  padding: 25px;
+}
+
+/* line 349, ../sass/_settings.scss */
+.small-6.pull-6.columns > .globalBlueButton {
+  float: right;
+}
+
+/* line 353, ../sass/_settings.scss */
+.signin-formfields p:nth-child(3) > input {
+  float: left;
+  position: relative;
+  top: -20px;
+}
+
+/* line 359, ../sass/_settings.scss */
+.signin-formfields p:nth-child(3) > label {
+  padding-left: 20px;
+}
+
+/* line 363, ../sass/_settings.scss */
+.globalBlueButton, .globalBlueButtonBig, .globalBlueButtonInput, .globalBlueButtonAtag > a, .globalBlueButtonSmallAtag > a, .globalBlueButtonSmall, .globalBlueButtonSmallFlexi, .buttonAccept {
+  box-shadow: none;
+  white-space: nowrap;
+}
+
+/* line 368, ../sass/_settings.scss */
+.signin-centered-container > p > a {
+  display: inline-block;
+}
+
+/* line 372, ../sass/_settings.scss */
+ul.side-nav {
+  padding-top: 0;
+  position: fixed;
+}
+/* line 375, ../sass/_settings.scss */
+ul.side-nav li {
+  margin-bottom: 2px;
+}
+/* line 378, ../sass/_settings.scss */
+ul.side-nav li a {
+  color: #3684d6 !important;
+  font-size: 15px !important;
+}
+/* line 380, ../sass/_settings.scss */
+ul.side-nav li a:hover {
+  color: #ffac31;
+}
+/* line 381, ../sass/_settings.scss */
+ul.side-nav li a:active {
+  background: none;
+}
+/* line 383, ../sass/_settings.scss */
+ul.side-nav li.active a {
+  color: #666666 !important;
+}
+
+/* line 389, ../sass/_settings.scss */
+.glossary-page-container h6, competitions-block-Styling h6, .section-container.vertical-tabs .content h6 {
+  font-size: 14px;
+  color: #666666;
+}
+/* line 394, ../sass/_settings.scss */
+.glossary-page-container p, competitions-block-Styling p, .section-container.vertical-tabs .content p {
+  font-size: 12px;
+  color: #666666;
+}
+/* line 399, ../sass/_settings.scss */
+.glossary-page-container ol, competitions-block-Styling ol, .section-container.vertical-tabs .content ol {
+  font-size: 13px;
+  color: #666666;
+}
+/* line 402, ../sass/_settings.scss */
+.glossary-page-container ol li, competitions-block-Styling ol li, .section-container.vertical-tabs .content ol li {
+  padding-bottom: 10px;
+  list-style-type: disc;
+}
+/* line 408, ../sass/_settings.scss */
+.glossary-page-container ul, competitions-block-Styling ul, .section-container.vertical-tabs .content ul {
+  font-size: 13px;
+  color: #666666;
+  margin-left: 20px;
+}
+/* line 413, ../sass/_settings.scss */
+.glossary-page-container ul li, competitions-block-Styling ul li, .section-container.vertical-tabs .content ul li {
+  padding-bottom: 10px;
+  list-style-type: disc;
+}
+/* line 419, ../sass/_settings.scss */
+.glossary-page-container pre, competitions-block-Styling pre, .section-container.vertical-tabs .content pre {
+  padding: 10px;
+  background: #ebf2fb;
+  margin-bottom: 15px;
+}
+/* line 425, ../sass/_settings.scss */
+.glossary-page-container a, competitions-block-Styling a, .section-container.vertical-tabs .content a {
+  color: #3684d6;
+}
+/* line 429, ../sass/_settings.scss */
+.glossary-page-container b, competitions-block-Styling b, .section-container.vertical-tabs .content b {
+  color: #666666;
+}
+
+/* line 435, ../sass/_settings.scss */
+div.auto.section-container > section > .title a, .auto.section-container > .section > .title a {
+  background: white;
+  padding-left: 40px !important;
+  padding-right: 40px !important;
+  font-size: 19px;
+}
+
+/* line 443, ../sass/_settings.scss */
+.auto.section-container > section > .content, .auto.section-container > .section > .content, .vertical-tabs.section-container > section > .content, .vertical-tabs.section-container > .section > .content {
+  background: #f8f8f8 !important;
+}
+
+/* line 447, ../sass/_settings.scss */
+.auto.section-container > section.active > .title {
+  border-bottom: solid 1px #f8f8f8 !important;
+}
+/* line 449, ../sass/_settings.scss */
+.auto.section-container > section.active > .title a {
+  background: #f8f8f8 !important;
+}
+
+/* line 455, ../sass/_settings.scss */
+.section-container.vertical-tabs .content {
+  padding-top: 1px !important;
+}
+/* line 458, ../sass/_settings.scss */
+.section-container.vertical-tabs .content p {
+  color: #3b3b3b;
+  font-size: 13px;
+  line-height: 22px;
+}
+/* line 463, ../sass/_settings.scss */
+.section-container.vertical-tabs .CompetitionsDetailLftUl {
+  margin-bottom: 2px;
+}
+/* line 466, ../sass/_settings.scss */
+.section-container.vertical-tabs .CompetitionsDetailLftUl a {
+  color: #3684d6 !important;
+  font-size: 15px !important;
+}
+/* line 468, ../sass/_settings.scss */
+.section-container.vertical-tabs .CompetitionsDetailLftUl a:hover {
+  color: #ffac31 !important;
+}
+/* line 469, ../sass/_settings.scss */
+.section-container.vertical-tabs .CompetitionsDetailLftUl a:active {
+  background: none !important;
+}
+/* line 473, ../sass/_settings.scss */
+.section-container.vertical-tabs .active a {
+  color: #666666 !important;
+  font-weight: bold;
+}
+
 /* font-face */
 @font-face {
   font-family: "GeneralFoundicons";
diff --git a/codalab/apps/web/static/foundation/sass/_settings.scss b/codalab/apps/web/static/foundation/sass/_settings.scss
index d021116cc..4cd1466dc 100644
--- a/codalab/apps/web/static/foundation/sass/_settings.scss
+++ b/codalab/apps/web/static/foundation/sass/_settings.scss
@@ -9,6 +9,10 @@ $light-medium-gray: #a4a4a4;
 $medium-light-gray: #999;
 $dark-gray: #333;
 $light-background-blue:#eff2f9;
+$link-color: #3684d6;
+$background-gray:#f8f8f8;
+$white:#fff;
+$text-color-gray:#3b3b3b;
 
 $body-font-color: $gray;
 $header-font-color: $gray;
@@ -46,13 +50,23 @@ $has-tip-border-bottom: 0px;
 $has-tip-border-bottom-hover: 0px;
 $has-tip-cursor-type: none;
 
+@mixin linkStyle {
+	color:$link-color !important;
+	font-size:15px !important;
+}
+
+@mixin paragraph-Style {
+	color:$text-color-gray;
+	font-size:13px;
+	line-height:22px;
+}
+
 *{
     font-family: Segoe UI,'Segoe UI', Helvetica, Arial,'Trebuchet MS',sans-serif;
 	font-size:   100%;
 	font-weight: normal;
 }
 
-
 select {
 	color: $dark-gray;
 }
@@ -61,6 +75,7 @@ form textarea {
 	color: $dark-gray;
 	font-size: 16px;
 }
+
 .menu-icon {
 	background: $background;
 }
@@ -82,6 +97,7 @@ div.CompetitionsDetailContainer div.section-container section:not(.active) p a:h
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p.title {
 	background: transparent;
 }
+
 div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section.active div.content {
 	border: 0px;
 }
@@ -143,6 +159,7 @@ a > i {
 .user_results, .competition_results {
 	padding-top: 10px;
 }
+
 .globalBlueButton a, .globalBlueButton a:hover {
 	color: $foreground;
 }
@@ -164,6 +181,7 @@ a > i {
 .competitionProcessHeader > ul > li {
 	height: 100%;
 }
+
 .competitionProcessHeader > ul > li > a {
 	color: $foreground;
 	font-size: 13px;
@@ -216,6 +234,7 @@ a > i {
 	padding: 0px;
 	margin: 0px;
 }
+
 .competition-title {
 	color: $dark-gray;
 	text-align: left;
@@ -319,3 +338,140 @@ p.competition-paragraph {
 	margin-bottom:14px;
 	font-size:12px;
 }
+
+.signin-centered-container {
+	margin:auto !important;
+	float:none !important;
+	background:$light-background-blue;
+	padding:25px;
+}
+
+.small-6.pull-6.columns > .globalBlueButton {
+	float:right
+}
+
+.signin-formfields p:nth-child(3) > input {
+	float:left;
+	position:relative;
+	top:-20px;
+}
+
+.signin-formfields p:nth-child(3) > label {
+	padding-left:20px;
+}
+
+.globalBlueButton, .globalBlueButtonBig, .globalBlueButtonInput, .globalBlueButtonAtag > a, .globalBlueButtonSmallAtag > a, .globalBlueButtonSmall, .globalBlueButtonSmallFlexi, .buttonAccept {
+	box-shadow:none;
+	white-space:nowrap;
+}
+
+.signin-centered-container > p > a {
+	display:inline-block;
+}
+
+ul.side-nav {
+	 padding-top:0;
+	 position:fixed;
+	 li {
+		margin-bottom:2px;
+	 }
+	 li a {
+		@include linkStyle;
+		&:hover{color:$active}
+		&:active{background:none}
+	  }
+	li.active a {
+		color:$gray !important
+	}
+}
+
+.glossary-page-container, competitions-block-Styling {
+	h6 { 
+		font-size:14px; 
+		color:$gray
+		}
+
+	p { 
+		font-size:12px; 
+		color:$gray
+		}
+
+	ol { 
+		font-size:13px; color:$gray;
+
+		li {
+			padding-bottom:10px;
+			list-style-type:disc;
+		}
+	}
+
+	ul { 
+		font-size:13px; 
+		color:$gray;
+		margin-left:20px;
+
+		li{
+			padding-bottom:10px;
+			list-style-type:disc;
+		}
+	}
+
+	pre {
+		padding:10px;
+		background:$banner;
+		margin-bottom:15px;
+		}
+
+	a {
+		color:$link-color
+		}
+
+	b {
+		color:$gray
+	}
+}
+
+div.auto.section-container > section > .title, .auto.section-container > .section > .title{
+		a{
+		background:$white;
+		padding-left:40px !important;
+		padding-right:40px !important;
+		font-size:19px;
+		}
+}
+
+.auto.section-container > section > .content, .auto.section-container > .section > .content, .vertical-tabs.section-container > section > .content, .vertical-tabs.section-container > .section > .content {
+	background:$background-gray !important;
+}
+
+.auto.section-container > section.active > .title {
+	border-bottom:solid 1px $background-gray !important;
+	a {
+		background:$background-gray !important;
+	}
+}
+
+.section-container.vertical-tabs{
+	 .content{
+			padding-top:1px !important;
+			@extend competitions-block-Styling;
+				p {
+					@include paragraph-Style;
+				}
+			}
+	
+	.CompetitionsDetailLftUl {
+		margin-bottom:2px;
+
+		a {
+			@include linkStyle;
+			&:hover{color:$active !important}
+			&:active{background:none !important}
+		}
+	}
+
+	.active a {
+			color:$gray !important;
+			font-weight:bold;
+	}
+}
diff --git a/codalab/apps/web/templates/web/help/about.html b/codalab/apps/web/templates/web/help/about.html
index d09f0813b..dbdc024d6 100644
--- a/codalab/apps/web/templates/web/help/about.html
+++ b/codalab/apps/web/templates/web/help/about.html
@@ -5,7 +5,7 @@
 <div class="row">
     <!-- Main Content Section -->
     <!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
-    <div class="large-9 push-3 columns">
+    <div class="large-9 push-3 columns glossary-page-container">
         <h6>About CodaLab</h6>
         <a id="codaLab"></a>
         <p>
diff --git a/codalab/apps/web/templates/web/help/create_competition.html b/codalab/apps/web/templates/web/help/create_competition.html
index c8da20c41..c0cec9467 100644
--- a/codalab/apps/web/templates/web/help/create_competition.html
+++ b/codalab/apps/web/templates/web/help/create_competition.html
@@ -4,7 +4,7 @@
 <div class="row">
     <!-- Main Content Section -->
     <!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
-    <div class="large-9 push-3 columns">
+    <div class="large-9 push-3 columns glossary-page-container">
                 <h1>Create a Competition</h1>
                 <p>
                     CodaLab competitions provide an opportunity for researchers, developers and algorithmists to