From 5d6512df6af2ff1999efc38bbdbc19a1584f755d Mon Sep 17 00:00:00 2001
From: Thabo <thabo@coderbits.com>
Date: Tue, 27 Oct 2015 16:44:06 -0700
Subject: [PATCH] Revert "Community after style clean"

---
 src/css/advanced-search.css                   |  72 +-
 src/css/base-responsive.css                   | 154 ++-
 src/css/base.css                              |  80 +-
 src/css/challenge-detail-software.css         | 302 +-----
 src/css/challenge-submit.css                  |   7 +-
 src/css/community-landing.css                 | 105 +-
 src/css/style-404page.css                     |  10 +-
 src/css/style-challenges-responsive.css       |   8 +-
 src/css/style-challenges.css                  | 412 +-------
 src/css/style-responsive.css                  | 417 ++++----
 src/css/style.css                             | 975 +++++++-----------
 src/js/app/challenge-details/index.html       | 362 +------
 ...g-content-basic-challenge-details.tpl.html | 342 +++++-
 src/js/app/challenges/css/ngchallenges.css    |  14 +-
 .../jsx/build/challenge-grid-view.js          |  93 +-
 .../challenges/jsx/src/challenge-grid-view.js |   9 +-
 src/js/scripts.js                             | 110 +-
 .../TcApi-hookup/includes/ajax_func.php       |   2 +-
 .../TcApi-hookup/includes/i/ajax_func.php     |  68 +-
 .../plugins/TcApi-hookup/includes/widget.php  |  99 +-
 .../config/script-register.json               |   5 +-
 .../tcs-responsive/i/chevron-left-design.png  | Bin 139 -> 0 bytes
 .../tcs-responsive/i/close-tag-blue.png       | Bin 111 -> 0 bytes
 .../i/ico-competitive-develop-challenge.svg   |  25 -
 .../tcs-responsive/i/ico-data-challenge.svg   |  35 -
 .../tcs-responsive/i/ico-design-challenge.svg |  29 -
 .../i/ico-develop-challenge.svg               |  25 -
 .../tcs-responsive/i/icon-filter-blue.png     | Bin 285 -> 0 bytes
 .../ng-content-basic-challenge-details.php    |   2 +-
 .../tcs-responsive/ng-page-challenges.php     |  44 +-
 .../themes/tcs-responsive/page-community.php  |  73 +-
 31 files changed, 1419 insertions(+), 2460 deletions(-)
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg
 delete mode 100644 wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png

diff --git a/src/css/advanced-search.css b/src/css/advanced-search.css
index f8e2c97a..e365bc3c 100644
--- a/src/css/advanced-search.css
+++ b/src/css/advanced-search.css
@@ -68,7 +68,7 @@
         display: block !important;
         width: 11px !important;
         height: 7px !important;
-        background: url("../i/icon-filter-blue.png") no-repeat 0 0 !important;
+        background: url("../i/icon-filter.png") no-repeat 0 0 !important;
         right: 10px !important;
         top: 14px !important;
         position: absolute !important;
@@ -120,7 +120,7 @@
         border-bottom: none;
     }
     .select2-results .select2-highlighted {
-        background: #0096FF !important;
+        background: #ff9900 !important;
         color: #fff !important;
     }
     .select2-results .select2-disabled .select2-result-label {
@@ -282,7 +282,7 @@ input.search-text::-webkit-input-placeholder {
                     margin-left: 8px;
                     margin-right: 6px;
                     margin-top: 11px;
-                    background: url("../i/close-tag-blue.png") no-repeat;
+                    background: url("../i/close-tag.png") no-repeat;
                     display: block;
                     width: 7px;
                     height: 7px;
@@ -368,7 +368,7 @@ input.search-text::-webkit-input-placeholder {
     display: block;
     width: 28px;
     height: 28px;
-    background: url("../i/icon-filter-blue.png") no-repeat 0 -18px;
+    background: url("../i/icon-filter.png") no-repeat 0 -18px;
     position: relative;
     top: 3px;
 }
@@ -415,7 +415,7 @@ input.search-text::-webkit-input-placeholder {
 .datepic-head {
     line-height: 36px;
     font-size: 14px;
-    color: #0096FF;
+    color: #ff9900;
     margin-right: 18px;
 }
 .from-datepicker.hasDatepicker{
@@ -503,10 +503,10 @@ input.search-text::-webkit-input-placeholder {
     color: #fff;
     margin-left: 16px;
 }
-/* myFilterWrap */
+/* myFilterWrap */ 
 .new-search-box .filtersSectn{
     background: #f9f9f9;
-
+    
     padding-left: 15px;
     width: 304px;
     box-sizing: border-box;
@@ -539,13 +539,13 @@ input.search-text::-webkit-input-placeholder {
     padding-left: 8px;
     color: #666;
     position: relative;
-}
+} 
 .myFilterWrap .btnFilter .arrow{
-    display: block;
-    width: 12px;
-    height: 10px;
-
-    background: url("../i/icon-filter-blue.png") no-repeat 0 0;
+    display: block;  
+    width: 12px;  
+    height: 10px;  
+    
+    background: url("../i/icon-filter.png") no-repeat 0 0;
     position: absolute;
     right: 10px;
     top: 15px;
@@ -566,21 +566,21 @@ input.search-text::-webkit-input-placeholder {
     font-size: 22px;
     font-weight: normal;
     padding: 0 15px;
-}
+} 
 .myFilterWrap .caption{
     color: #666;
     font-size: 13px;
     font-weight: 300;
     padding: 0 15px 12px;
     border-bottom: 1px solid #E7E7E7;
-}
+} 
 .myFilterWrap .savedSearchList{
     padding: 4px 12px;
     max-height: 290px;
     overflow: auto;
-}
+} 
 .myFilterWrap .filterPop .hr{
-    height: 1px;
+    height: 1px; 
     background: #e7e7e7;
 }
 .myFilterWrap .savedSearchList h6{
@@ -597,9 +597,9 @@ input.search-text::-webkit-input-placeholder {
     padding: 11px 11px 13px;
     min-height: 78px;
     box-sizing: border-box;
-}
+} 
 .myFilterWrap .savedSearch:hover{
-    border: 1px solid #0096FF;
+    border: 1px solid #f90;
     cursor: pointer;
 }
 .myFilterWrap .savedSearch .name{
@@ -609,23 +609,23 @@ input.search-text::-webkit-input-placeholder {
     overflow: hidden;
     white-space: nowrap;
     height: 18px;
-}
+} 
 .myFilterWrap .savedSearch:hover .name{
-    color: #0096FF;
+    color: #f90;
 }
 .myFilterWrap .savedSearch .opts{
     margin-top: -18px;
-
+    
     box-sizing: border-box;
     height: 18px;
     padding-top: 3px;
 }
 .myFilterWrap .savedSearch .lbl{
     line-height: 13px;
-}
+} 
 .myFilterWrap .savedSearch .chk{
     vertical-align: top;
-}
+} 
 .myFilterWrap .savedSearch .chkWrap .chk + .chkLbl{
     padding-left: 15px;
 }
@@ -645,14 +645,14 @@ input.search-text::-webkit-input-placeholder {
     height: 12px;
     width: 12px;
     margin-left: 11px;
-}
+} 
 .myFilterWrap .btnRemove:hover{
     background: url(@@cdn/i/ico-failed-x.png) 50% 50% no-repeat;
 }
 .myFilterWrap .savedSearch .tags{
     margin-top: 16px;
     overflow: hidden;
-}
+} 
 .myFilterWrap .savedSearch .tags .tag{
     max-width: 100%;
     text-overflow: ellipsis;
@@ -666,7 +666,7 @@ input.search-text::-webkit-input-placeholder {
     margin-right: 4px;
     margin-bottom: 6px;
     padding: 0 5px;
-}
+} 
 
 .btnSecondary{
     background: #c2c2c2;
@@ -700,14 +700,14 @@ input.search-text::-webkit-input-placeholder {
 }
  .filterWidget .details{
     padding-top: 19px;
-}
+} 
  .filterWidget .rw{
     padding: 0 12px 12px;
-}
+} 
  .filterWidget .lbl{
     margin-bottom: 10px;
     display: block;
-}
+} 
  .filterWidget #searchSaveTxt{
     background: #fff;
     border: 1px solid #e7e7e7;
@@ -723,7 +723,7 @@ input.search-text::-webkit-input-placeholder {
 }
  .filterWidget .alertMe{
     margin: 23px 26px 12px;
-}
+} 
  .chkWrap{
     position: relative;
 }
@@ -732,14 +732,14 @@ input.search-text::-webkit-input-placeholder {
     top: 0;
     left: 0;
     opacity: 0;
-}
+} 
  .chkWrap .chk + .chkLbl{
     padding-left: 30px;
     max-width: 215px;
     display: inline-block;
     -webkit-user-select: none;
     line-height: 16px;
-}
+} 
  .chkWrap .chk + .chkLbl:before{
      content: '';
      position: absolute;
@@ -756,7 +756,7 @@ input.search-text::-webkit-input-placeholder {
  }
  .chkWrap .myChallengesLabel  .chk + .chkLbl{
     padding-left: 20px;
-
+     
     }
  .chkWrap .myChallengesLabel  .chk + .chkLbl:before{
      background-image: url(@@cdn/i/chk3.png);
@@ -766,11 +766,11 @@ input.search-text::-webkit-input-placeholder {
     border-top: 1px solid #e7e7e7;
     padding: 10px 5px 10px 0;
     text-align: right;
-}
+} 
  .filterWidget .actn .btnCancel{
     width: 86px;
     margin: 0 4px;
-}
+} 
  .filterWidget .actn .btnSaveSearch{
     margin: 0 4px;
     width: 145px;
diff --git a/src/css/base-responsive.css b/src/css/base-responsive.css
index 8efed56f..b86cb140 100644
--- a/src/css/base-responsive.css
+++ b/src/css/base-responsive.css
@@ -1,15 +1,15 @@
 
-/* Media queries
+/* Media queries 
 -----------------------------------*/
 
-/* width >= 1010px
+/* width >= 1010px  
 -----------------------------*/
-@media (min-width: 1020px) {
+@media (min-width: 1020px) {    
     .onMobi{
         display: none !important;
     }
 }
-/* width < 1010px
+/* width < 1010px  
 -----------------------------*/
 
 @media (max-width: 1019px) {
@@ -21,7 +21,7 @@
     }
     .container {
         width: auto;
-
+    
         margin: 0 10px;
     }
 .grid{
@@ -35,10 +35,10 @@
     }
     .grid .grid-3-1{
         width: 33.2%;
-        min-width: 98px;
+        min-width: 98px;        
         display: inline-block;
         margin-left: 0px;
-
+    
 }
     .grid-float .grid-3-1{
         float: left;
@@ -48,8 +48,8 @@
         float: none;
         display: block;
         width: auto;
-    }
-
+    }    
+    
 /* heading */
  h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
@@ -63,7 +63,7 @@ header h1{
 h2{
     font-size: 24px;
     color: #333;
-    font-weight: normal;
+    font-weight: normal; 
 }
     h2 em{
         color: #f72125;
@@ -83,7 +83,7 @@ em{
     color: #aaa;
 }
 .hide{
-    display: none;
+    display: none;    
 }
 .clear{
     clear: both;
@@ -97,7 +97,7 @@ em{
 
 #navigation,
 #wrapper > .content{
-    transition-duration: 0.3s;
+    transition-duration: 0.3s;    
     -moz-transition-duration: 0.3s;
     -webkit-transition: -webkit-transform .3s ease-in-out;
     -ms-transition: transform .3s ease-in-out;
@@ -114,16 +114,16 @@ em{
 /* sidebarNav */
 .sidebarNav{
     position: fixed;
-    left: 18%;
+    left: 18%;    
     right: 0;
     bottom: 0;
-    top: 0;
+    top: 0;    
     background: #ff8a00;
     color: #fff;
     overflow: auto;
     opacity: 0;
 }
-.stop-scrolling .sidebarNav{
+.stop-scrolling .sidebarNav{    
     -webkit-overflow-scrolling: touch;
 }
 .motion{
@@ -135,12 +135,12 @@ em{
     }
     .sidebarNav .root{
         margin: 0 10px;
-
+    
         height: 100%;
         padding-bottom: 40px;
 }
     .sidebarNav .root li > a{
-        padding-left: 20px;
+        padding-left: 20px;    
         background-position: 3px -41px;
         line-height: 32px;
         display: block;
@@ -169,8 +169,8 @@ em{
         line-height: 32px;
     }
         .sidebarNav .root li > a{
-            display: block;
-            line-height: 32px;
+            display: block;            
+            line-height: 32px;        
             border-bottom: 1px solid #FF7A00;
             -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
             position: relative;
@@ -186,17 +186,17 @@ em{
             background-position: 10px 13px;
         }
      .sidebarNav .root  .child a{
-            padding-left: 47px;
+            padding-left: 47px;                    
             background-position: 21px -41px;
             font-size: 12px;
 }
     .sidebarNav .root  .child a i{
         left: 18px;
-
+    
 }
     .sidebarNav .userInfo{
         display: block;
-
+    
         border-bottom: 1px solid #FF7A00;
         padding-bottom: 7px;
 }
@@ -214,8 +214,8 @@ em{
         height: 53px;
         width: 53px;
         border: 2px solid #ff7a00;
-        -webkit-border-radius: 28px;
-        border-radius: 28px;
+        -webkit-border-radius: 28px;       
+        border-radius: 28px;       
     }
     .sidebarNav .userInfo .userDetails{
         margin-left: 86px;
@@ -235,7 +235,7 @@ em{
     .sidebarNav .userInfo .userDetails .link{
         line-height: 24px;
         display: block;
-
+    
 }
     .sidebarNav .userInfo .userDetails a:hover{
         color: #FFDE89;
@@ -246,23 +246,23 @@ em{
     .sidebarNav.newUser .notLogged{
         display: block;
     }
-
+    
 #banner{
     height: 355px;
     background: #fff  url(@@cdn/i/bg-banner-sprite-m.png) repeat-x;
-    overflow: hidden;
+    overflow: hidden; 
 }
-#banner .inner{
+#banner .inner{    
    height: 355px;
    background: url(@@cdn/i/bg-banner-m.png) 50% 0 repeat-x;
 }
-
+    
 
     /* header
     ---------------------------*/
     #navigation, #navigation > .container{
         height: 74px;
-
+    
 }
     .logo{
         position: absolute;
@@ -275,12 +275,12 @@ em{
     }
         .logo a{
             display: block;
-
+        
             height: 41px;
-
+    
             -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
 }
-
+        
     #mainNav{
         z-index: 10;
         position: absolute;
@@ -296,43 +296,43 @@ em{
         }
         #mainNav .root > li{
             margin-left: 14px;
-            float: left;
-
+            float: left;        
+        
     }
          #mainNav .root > li:hover{
              background: #ff8a00;
          }
          #mainNav .root > li > .child{
             margin-top: -10px;
-
+         
             display: none;
     }
          #mainNav .root > li:hover > .child{
-           margin-top: 0;
+           margin-top: 0;   
            display: block;
     }
          #mainNav .root .child{
-             display: block;
-
+             display: block;     
+         
              transition: margin .3s;
     }
-
+         
             #mainNav .root > li a{
                 padding: 0 10px;
                 color: #666;
                 -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
                 height: 32px;
-                line-height: 32px;
+                line-height: 32px;        
                 display: block;
     }
             #mainNav .root .child > li{
                 margin: 0 10px;
-
+            
                 border-top: 1px solid #FF7A00;
                 -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
     }
-            #mainNav .root .child a{
-
+            #mainNav .root .child a{            
+            
                 padding: 0;
                 margin: 0 -10px;
                 text-indent: 10px;
@@ -340,14 +340,14 @@ em{
             #mainNav .root .child li:hover{
             }
             #mainNav .root > li:hover a{
-                color: #fff;
+                color: #fff;        
                 text-decoration: none;
     }
-
+            
             #mainNav .root > li a:hover{
                 background: #F00;
     }
-
+    
     #navigation .btnRegister{
         position: absolute;
         right: 0;
@@ -358,7 +358,7 @@ em{
         width: auto;
         height: 18px;
         line-height: 18px;
-
+    
         text-transform: uppercase;
 }
     #navigation .linkLogin.onMobi{
@@ -396,21 +396,21 @@ em{
             display: inline-block;
             width: 16px;
             height: 9px;
-            position: absolute;
+            position: absolute;    
             right: 13px;
             top: 13px;
             background: url(@@cdn/i/ico-arrow.png) no-repeat;
-            background-position: 0 0;
-            transition-duration: 0.3s;
+            background-position: 0 0;      
+            transition-duration: 0.3s;        
             display: none;
     }
         .btnMyAcc.isActive i{
-            background-position: 0 -12px;
+            background-position: 0 -12px;              
         }
         #navigation #mainNav .root{
             display: none;
         }
-
+    
     .userWidget{
         top: 36px;
     }
@@ -427,7 +427,7 @@ em{
         float: none;
         width: auto;
         text-align: center;
-
+    
         margin: 0;
 }
     #aboutContent .container > section:first-child{
@@ -461,22 +461,22 @@ em{
     min-height: 175px;
 }
 #footer .updates{
-    margin-right: 0;
+    margin-right: 0;    
     margin-bottom: 25px;
 }
     #footer .connected h4{
         padding-bottom: 6px;
-
+    
         border-bottom: none;
 }
 #footer nav, #footer .rootNode{
     float: none;
     width: auto;
-}
+}    
     #footer nav > ul,
     #footer .rootNode .child{
         display: none;
-        border-bottom: 1px solid #222;
+        border-bottom: 1px solid #222;    
         padding-left: 10px;
 }
     #footer nav > ul.show,
@@ -496,36 +496,36 @@ em{
     #footer .rootNode a:hover{
         color: #fff;
     }
-
+    
     #footer .updates .email{
         width: 180px;
 			}
-
+    
 #footer h4,
 #footer .rootNode > a{
     line-height: 38px;
-    padding-bottom: 0;
+    padding-bottom: 0;    
     border-bottom: 1px solid #222;
     text-indent: 2px;
     color: #D8D8D8;
     display: block;
 }
-    #footer nav h4,
+    #footer nav h4,    
     #footer .rootNode > a{
         cursor: pointer;
     }
     	#footer .connected{
-				width: 100%;
+				width: 100%;		
 			}
 			#footer .connected{
-				margin-top: 20px;
+				margin-top: 20px;	
 			}
 			.headerTopRightMenu{
-				display: none;
+				display: none;	
 			}
-
+			
 /**
- * Start of New Home Page additional styles
+ * Start of New Home Page additional styles 
  */
 .lead {
 	font-size: 18px;
@@ -540,25 +540,9 @@ em{
 
 #featuredContent.home .toChallenge {
 	float: none;
-	width: 100%;
+	width: 100%;	
 }
 	#featuredContent.home h3 {
-		padding: 130px 0 9px !important;
+		padding: 130px 0 9px !important;		
 	}
 }
-@media (min-width: 1020px) {
-    .challenge-detail .grid-3-3 {
-		width: calc( 100% - 330px);
-        float: left;
-    }
-    .community .sideStream {
-        width: 282px;
-    	float: right;
-        margin-left: 30px;
-    }
-    .container {
-        width: 1012px;
-        margin: 0 auto;
-        position: relative;
-    }
-}
diff --git a/src/css/base.css b/src/css/base.css
index e5371f74..827b007a 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -6,10 +6,10 @@
     padding: 0;
     border: 0;
     outline: 0;
-    vertical-align: baseline;
+    vertical-align: baseline;    
 }
 div, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
-    -webkit-backface-visibility: hidden;
+    -webkit-backface-visibility: hidden;    
 }
 body {
     line-height: 1.2em;
@@ -35,17 +35,17 @@ blockquote:before, blockquote:after, q:before, q:after {
     content: none;
 }
 a{
- background: transparent;
+ background: transparent;   
 }
 a, a:active, a:visited  {
-    text-decoration: none;
-    outline: none;
+    text-decoration: none; 
+    outline: none;     
 }
 :not('.ng-header-bootstrap') a,
 :not('.ng-header-bootstrap') a:active,
 :not('.ng-header-bootstrap') a:visited  {
     color: #FF8A00;
-    -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
+    -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;    
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 a.profile-link-dropdown {
@@ -80,7 +80,7 @@ input, textarea {
 input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{
     border: none;
     padding:6px;
-    margin: 0;
+    margin: 0;    
     height: 20px;
     line-height: 20px;
     background: #3f4143;
@@ -100,7 +100,7 @@ header h1,
 h2{
     font-size: 36px;
     color: #333;
-    font-weight: normal;
+    font-weight: normal; 
 }
     h2 em{
         color: #f72125;
@@ -138,22 +138,22 @@ sub, sup {
         width: 50%;
     }
     .grid .grid-3-1{
-        width: 320px;
+        width: 320px;        
         display: inline-block;
         margin: 0 12px;
-
+    
     }
     .grid-float .grid-3-1,
     .grid-float .grid-2-1{
         float: left;
-    }
+    }    
 /* rightSplit */
 .grid-3-3{
     position: relative;
 }
     .grid-3-3 .grid-2-3{
         width: 665px;
-
+    
         float: left;
 }
     .grid-3-3 .grid-1-3{
@@ -173,7 +173,7 @@ sub, sup {
     color: #aaa;
 }
 .hide{
-    display: none;
+    display: none;    
 }
 .clear{
     clear: both;
@@ -319,7 +319,7 @@ sub, sup {
     .btn:hover{
         background: #ff7a00;
         text-decoration: none;
-
+    
         color: #fff;
 }
 .btnAlt, a.btnAlt{
@@ -328,7 +328,7 @@ sub, sup {
 }
     .btnAlt:hover{
         background: #0096ff;
-
+    
 }
 .btnGreen, a.btnGreen{
     background: #64c51c;
@@ -347,7 +347,7 @@ sub, sup {
 /* header
 ---------------------------*/
 #navigation{
-    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
     z-index: 80;
     position: relative;
 
@@ -373,10 +373,10 @@ sub, sup {
 }
     .logo a{
         display: block;
-        height: 52px;
+        height: 52px;    
         -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
 }
-
+    
 #mainNav{
     z-index: 10;
     position: absolute;
@@ -388,37 +388,37 @@ sub, sup {
     }
     #mainNav .root > li{
         margin-left: 8px;
-        float: left;
-
+        float: left;        
+    
         position: relative;
 }
      #mainNav .root > li > .child{
-
+     
         display: none;
 }
      /*#mainNav .root > li:hover > .child{
        display: block;
 }
     #mainNav .root > li.hover > .child{
-       margin-top: 0;
+       margin-top: 0;  
 }*/
      #mainNav .root .child{
-         display: block;
+         display: block;  
          background: #FF8A00;
          min-width: 80px;
          position: absolute;
          min-width: 100%;
          left: 15px;
 }
-
+     
         #mainNav .root > li a{
             padding: 0 10px 12px 15px;
             color: #666;
-            -moz-transition-duration: .3s;
-            -webkit-transition-duration: .3s;
+            -moz-transition-duration: .3s; 
+            -webkit-transition-duration: .3s; 
             transition-duration: .3s;
             height: 32px;
-            line-height: 32px;
+            line-height: 32px;        
             display: block;
             min-width: 55px;
             font-weight: bold;
@@ -426,10 +426,10 @@ sub, sup {
         #mainNav .root .child > li{
             padding: 0 10px;
         			width: 175px;
-            border-top: 1px solid #FF7A00;
+            border-top: 1px solid #FF7A00;  
 }
-        #mainNav .root .child a{
-
+        #mainNav .root .child a{            
+        
             padding: 0 6px 0 0;
             margin: 0 -10px;
             text-indent: 15px;
@@ -443,10 +443,10 @@ sub, sup {
         #mainNav .root .child li:hover{
     background: #F00;
         }
-        #mainNav .root > li:hover a{
+        #mainNav .root > li:hover a{      
             text-decoration: none;
 }
-
+    
 #navigation .btnRegister{
     position: absolute;
     right: 0;
@@ -463,23 +463,23 @@ sub, sup {
         display: inline-block;
         width: 16px;
         height: 9px;
-        position: absolute;
+        position: absolute;    
         right: 13px;
         top: 13px;
         background: url(@@cdn/i/ico-arrow.png) no-repeat;
-        background-position: 0 0;
-        transition-duration: 0.3s;
+        background-position: 0 0;      
+        transition-duration: 0.3s;        
         cursor: pointer;
 }
     .btnMyAcc.isActive i{
-        background-position: 0 -12px;
+        background-position: 0 -12px;              
     }
 /* Page Title
 ---------------------------*/
 .pageTitleWrapper {
 	height: 65px;
 	margin-bottom: 41px;
-	background-color: #eeeeee;
+	background-color: #eeeeee;	
 }
 	.pageTitleWrapper .pageTitle{
 		height: 65px;
@@ -875,11 +875,11 @@ sub, sup {
     max-width: 1376px;
     margin: 0 auto; }
     .top-header .main-menu {
-      line-height: 54px;
+      line-height: 54px; 
     }
     .top-header .menu-item .submenu {
       overflow: hidden;
-      max-height: 0px;
+      max-height: 0px;      
       transition: all .25s ease-in-out;
     }
     .top-header .menu-item:hover .submenu {
@@ -1036,7 +1036,7 @@ sub, sup {
 
 .qtip .qtip-content{
 	font-size: 12px;
-	padding: 8px;
+	padding: 8px;	
 }
 
 .qtip .qtip-close .qtip-icon{
diff --git a/src/css/challenge-detail-software.css b/src/css/challenge-detail-software.css
index 3cbc919b..bfb4a8f7 100644
--- a/src/css/challenge-detail-software.css
+++ b/src/css/challenge-detail-software.css
@@ -1,25 +1,20 @@
-.challenge-detail .header-container {
-    background: #fff;
-    box-shadow: 0 1px 3px #D1D3D4;
-}
-.challenge-detail .header-container .container {
-    margin: 0 60px;
-    padding: 10px 60px;
-}
 .challenge-detail .pageHeading h1 {
-    font-size: 32px;
-    line-height: 38px;
-    padding: 15px 0 0;
-    margin: 10px 0 0;
+    font-size: 30px;
+    line-height: 30px;
+    font-weight: normal;
+    color: #474747;
+    padding: 15px 0;
+    margin: 10px 0;
+    border-bottom: 1px solid #e7e7e7;
     overflow: hidden;
-    text-align: left;
 }
 
 .challenge-detail .pageHeading h2 {
-    font-size: 18px;
+    font-size: 14px;
     line-height: 30px;
-    color: #A3A3AE;
-    margin: 10px 0 20px;
+    font-weight: bold;
+    color: #666666;
+    margin: 10px 0;
     overflow: hidden;
 }
 
@@ -30,13 +25,12 @@
 #stepBox {
     display: block;
     overflow: hidden;
-    margin-bottom: 30px;
 }
 
 #stepBox .leftColumn {
     display: inline;
     float: left;
-    width: 145px;
+    width: 133px;
 }
 
 .view-challenge-result #stepBox .leftColumn a {
@@ -50,8 +44,8 @@
 #stepBox .middleColumn {
     display: inline;
     float: left;
-    width: 605px;
-    margin: 0 18px;
+    width: 550px;
+    margin: 0 22px;
 }
 
 #stepBox .middleColumn table {
@@ -70,7 +64,6 @@
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 27px;
-    text-align: center;
 }
 
 #stepBox .middleColumn table h3 {
@@ -112,8 +105,8 @@ font-size: 18px;
 }
 #stepBox .rightColumn {
     display: inline;
-    float: right;
-    width: 300px;
+    float: left;
+    width: 283px;
 }
 
 .challenge-detail .grid-3-3 {
@@ -139,6 +132,7 @@ font-size: 18px;
 
 #stepBox .rightColumn .nextBox {
     position: relative;
+    width: 283px;
 }
 
 #stepBox .rightColumn .nextBox .nextBoxContent,
@@ -172,7 +166,7 @@ font-size: 18px;
     float: left;
     font-weight: bold;
     text-align: left;
-    width: 135px; /* Issue ID: I-107591 - adjust the value so all the deadlines are displayed correctly. Previous value: 155px */
+    width: 150px; /* Issue ID: I-107591 - adjust the value so all the deadlines are displayed correctly. Previous value: 155px */
 }
 
 #stepBox .rightColumn .nextBox .nextDTitle {
@@ -203,6 +197,10 @@ font-size: 18px;
     background: url("@@cdn/i/ico-time.png") no-repeat 0 0;
 }
 
+.challenge-detail.develop #stepBox .rightColumn .nextBox .icoTime {
+    background: url("@@cdn/i/ico-time-develop.png") no-repeat 0 0;
+}
+
 #stepBox .rightColumn .nextBox .timeLeft {
     color: #FFFFFE;
     font-size: 30px;
@@ -231,6 +229,7 @@ font-size: 18px;
 
 #stepBox .rightColumn .deadlineBox {
     position: relative;
+    width: 283px;
 }
 
 #stepBox .rightColumn .deadlineBox .deadlineBoxContent {
@@ -269,7 +268,6 @@ font-size: 18px;
     float: left;
     border-left: 1px solid #D0D0D1;
     height: 16px;
-    font-size: 16px;
     line-height: 18px;
 }
 
@@ -490,7 +488,6 @@ h1.center {
 
 .challenge-detail .columnSideBar p strong {
     color: #000;
-    font-size: 16px;
 }
 
 .reviewStyle p {
@@ -706,7 +703,7 @@ h1.center {
 
 .challenge-detail.develop .btnAction {
     background: #64c51c !important;
-    border-bottom: none !important;
+    border-bottom: 4px solid #46b314 !important;
 }
 
 .challenge-detail.develop .btnAction:hover {
@@ -741,7 +738,8 @@ h1.center {
     float: left;
     height: 100%;
     width: 77%;
-    color: #fff;
+    margin-top: 4px !important;
+
 }
 
 .btnMyAcc span {
@@ -779,9 +777,14 @@ h1.center {
     font-size: 18px;
 }
 
-#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent.studio p {
-    padding-bottom: 5px;
+#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent.studio {
+    height: 90px;
 }
+
+#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent.studio label {
+    width: 150px; /* Issue ID: I-107591 - adjust the value so all the deadlines are displayed correctly. Previous value: 155px */
+}
+
 .challenge-detail .tabNav span.inactive {
     color: #aaa;
     cursor: default;
@@ -982,7 +985,7 @@ h1.center {
     }
 
     .challenge-detail .grid-3-3 {
-        width: 100% !important;
+        width: 100%;
     }
 
     .challenge-detail .topRightTitleAlt,
@@ -1057,6 +1060,10 @@ h1.center {
         padding-top: 10px;
     }
 
+    .challenge-detail.develop #stepBox .rightColumn .nextBox .icoTime {
+        background: url("@@cdn/i/ico-time-develop-phone.png") no-repeat 0 10px;
+    }
+
     #stepBox .rightColumn .nextBox .nextDTitle {
         font-size: 16px;
         margin-bottom: 0px;
@@ -2639,236 +2646,3 @@ h1.center {
 }
 
 /* styles for member program path box - end */
-/* Stylish Start */
-body {
-    font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif;
-    font-size: 14px;
-    line-height: 22px;
-    color: #333;
-    background-color: #f6f6f6;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-weight: 400;
-    line-height: 1.125em;
-    font-family: "Sofia Pro", Helvetica, Arial, sans-serif;
-}
-.sideStream h1,
-header h1,
-.challenge-detail.develop .tableWrap h1,
-.challenge-detail .tableWrap h1 {
-    font-size: 28px;
-    color: #3D3D3D;
-    font-weight: 600;
-    text-transform: uppercase;
-    text-align: center;
-    border: none;
-}
-h2,
-.challenge-detail .tableWrap h2 {
-    font-size: 18px;
-    font-weight: 400;
-    font-style: normal;
-    color: #000;
-    text-transform: uppercase;
-    font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Aria, sans-serif;
-    margin: 40px 0 10px 0;
-    text-align: left;
-}
-.challenge-detail .columnSideBar h3 {
-    color: #3d3d3d;
-    font-size: 14px;
-    padding-bottom: 0;
-}
-p,
-.challenge-detail .tableWrap p {
-    font-weight: 300;
-    font-size: 14px;
-    line-height: 24px;
-    color: #3d3d3d;
-    padding-bottom: 24px;
-    margin: 0;
-}
-.challenge-detail .tableWrap strong {
-    color: #3d3d3d;
-    font-weight: 600;
-}
-em {
-    font-style: italic;
-    font-family: "Merriweather", Georgia, serif;
-}
-.note {
-    border-left: 6px solid #d2d2d2;
-    padding-left: 30px;
-    padding-bottom: 0px !important;
-}
-.challenge-detail .columnSideBar {
-    display: block;
-    clear: none;
-    width: 100%;
-    background: #f7f7f7;
-    border: none;
-    margin-top: 0;
-    padding: 20px 10px;
-}
-.challenge-detail.develop .columnSideBar {
-    margin-top: 25px;
-}
-.challenge-detail .columnSideBar .inner {
-    padding: 10px;
-    border-bottom: none;
-}
-#main,
-#wrapper > .content {
-    background: #F6F6F6;
-    position: relative;
-    z-index: 5;
-}
-#mainContent.splitLayout,
-#mainContent.layChallenges {
-    padding: 90px 60px 30px;
-    margin: 60px;
-    background: #fff;
-}
-#mainContent .container {
-    padding: 0;
-    margin: 0;
-    width: 100%;
-}
-#main {
-    background: #F6F6F6;
-}
-#navigation {
-    background: #fff;
-}
-.challenge-detail .grid-3-3 {
-    padding: 0 10px 0 0;
-    box-sizing: border-box;
-}
-.challenge-detail .rightSplit {
-    float: left;
-    width: calc(100% - 330px);
-    margin-right: 30px;
-}
-.challenge-detail a,
-.challenge-detail a:active,
-.challenge-detail a:visited {
-    text-decoration: none;
-    color: #0096FF;
-    -moz-transition-duration: .3s;
-    -webkit-transition-duration: .3s;
-    transition: .2s all ease-in-out;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    outline: 0;
-}
-.challenge-detail a:hover {
-    color: #097DCE;
-    text-decoration: underline;
-}
-/* tabs */
-
-.challenge-detail .tabNav {
-/*     border-bottom: none; */
-    margin-bottom: 30px;
-}
-div#challengeNav {
-    display: inline-block;
-    /* padding-right: 20px; */
-
-    position: relative;
-    padding-left: 20px;
-    float: none;
-}
-a,
-a:active,
-a:visited {
-    text-decoration: none;
-    color: #0096FF;
-    -moz-transition-duration: .3s;
-    -webkit-transition-duration: .3s;
-    transition: .2s all ease-in-out;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    outline: 0;
-}
-a:hover {
-    color: #097DCE;
-    text-decoration: underline;
-}
-/* content box */
-
-#stepBox .leftColumn a {
-    margin-bottom: 10px;
-    border-radius: 0px;
-    height: 49px;
-}
-.challenge-detail .btnAction strong {
-    font-size: 11px;
-    margin-top: 14px;
-}
-.challenge-detail .btnAction {
-    background: #0096FF!important;
-    border-bottom: 4px solid #0096ff!important;
-    text-align: left!important;
-    line-height: 12px!important;
-    font-size: 12px!important;
-    font-weight: 700!important;
-    text-transform: uppercase;
-    overflow: hidden;
-    display: block;
-}
-.challenge-detail .btnAction:hover {
-    color: #fff;
-    background-color: #097DCE;
-}
-#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent,
-#stepBox .rightColumn .nextBox .nextBoxContent {
-    background: #85CCFF;
-    border: 1px solid #0096FF;
-    margin: 0 auto;
-    padding: 10px 13px;
-    height: 125px;
-}
-#stepBox .rightColumn .nextBox .icoTime {
-    height: auto;
-    display: block;
-    padding-left: 0;
-    padding-top: 0px;
-    background: none;
-}
-#stepBox .rightColumn .nextBox .CEDate,
-#stepBox .rightColumn .nextBox .nextDTitle {
-    color: #333;
-    font-weight: 600;
-    text-transform: uppercase;
-    padding-bottom: 0;
-    margin-bottom: 0;
-}
-#stepBox .rightColumn .nextBox .nextDTitle,
-.challenge-detail.develop #stepBox .rightColumn .nextBox .nextDTitle {
-    color: #fff;
-    display: block;
-    font-size: 15px;
-    margin-bottom: 5px;
-    text-transform: uppercase;
-}
-#stepBox .rightColumn .nextBox .timeLeft {
-    color: #FFFFFE;
-    font-size: 22px;
-    line-height: 30px;
-    margin: 24px 0px;
-    padding: 0;
-    display: block;
-    text-align: center;
-}
-.challenge-detail .grid-3-3 {
-    padding: 0 10px 0 0;
-    box-sizing: border-box;
-}
-.challenge-detail .rightSplit {
-    float: left;
-}
-/* Stylish End */
diff --git a/src/css/challenge-submit.css b/src/css/challenge-submit.css
index 37fab622..b0fe9658 100644
--- a/src/css/challenge-submit.css
+++ b/src/css/challenge-submit.css
@@ -731,6 +731,9 @@
 .submitAnotherEntry{
     margin-bottom: 280px;
 }
+.challenge-detail .pageHeading h1{
+    margin-top: 0;
+}
 #main > .container{
     padding-top: 10px;
 }
@@ -741,8 +744,8 @@
 }
 
 
- @media (max-width: 1019px) {
-
+ @media (max-width: 1019px) {       
+        
     .submitForChallenge #mainContent .pageTitle{
         display: none;
     }
diff --git a/src/css/community-landing.css b/src/css/community-landing.css
index e1d0b393..62560842 100644
--- a/src/css/community-landing.css
+++ b/src/css/community-landing.css
@@ -11,7 +11,7 @@
     #banner.design .inner .container{
         background: url(@@cdn/i/banner-2.png) 50% 0 no-repeat;
 	}
-
+	
 #banner.develop{
     background: url(@@cdn/i/bg-banner-sprite-develop.png) 0 0 repeat-x;
 }
@@ -20,7 +20,7 @@
 	}
     #banner.develop .inner .container{
         background: url(@@cdn/i/banner-3.png) 50% 0 no-repeat;
-	}
+	}	
 
 #banner.algorithm{
     background: url(@@cdn/i/bg-banner-sprite-data.png) 0 0 repeat-x;
@@ -30,26 +30,26 @@
 	}
     #banner.algorithm .inner .container{
         background: url(@@cdn/i/banner-4.png) 50% 0 no-repeat;
-	}
-
+	}		
+	
 .pageContent h1,.pageContent h2,.pageContent h3,.pageContent h4,.pageContent h5,.pageContent h6,.pageContent h7 {
 	color:#333333;
 }
 .pageContent p {
 	margin-bottom:20px;
 }
-
+					
 .starsOfMonthWrapper {
 	background: url(@@cdn/i/stars-of-month-bg.png) 0 0 repeat-x;
 	height:354px;
-}
+}	
 	.starsOfMonthInner {
 		background: url(@@cdn/i/bg-stars-of-month.jpg) 50% 0 no-repeat;
 		height:354px;
 		width:1010px;
 		margin:0px auto;
 	}
-
+	
 	.starsOfMonthWrapper .sectionTitle {
 		font-weight:normal;
 		font-size:36px;
@@ -62,7 +62,7 @@
 .starItem {
 	float:left;
     width: 320px;
-    height: 208px;
+    height: 208px;	
 	margin-left:25px;
 	float:left;
 }
@@ -78,7 +78,7 @@
 	background: #00aeff;
 	padding:10px;
 	color:#fff;
-}
+}	
 .starItem .starContent{
 	width: 320px;
     height: 208px;
@@ -91,10 +91,10 @@
     box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
     .starItem .details{
-        position: relative;
+        position: relative;        
     }
     .starItem .details .userPicture{
-        float: left;
+        float: left;    
         margin: 20px 0 0 20px;
         width: 120px;
         height: 120px;
@@ -106,11 +106,11 @@
 }
     .starItem .details .userPicture img{
         width: 120px;
-
+    
         background: #ccc;
 }
     .starItem .details .userDetailsCommunity{
-        margin-left: 174px;
+        margin-left: 174px;    
         min-height: 154px;
         padding-top: 14px;
 }
@@ -136,33 +136,33 @@
         font-size: 12px;
         letter-spacing: 1px;
         padding-top: 6px;
-
+    
         line-height: 20px;
 }
     .starItem .details .userDetailsCommunity .val{
         font-size: 18px;
         letter-spacing: 1px;
         line-height: 24px;
-
+    
         font-weight: bold;
-	}
+	}	
 
 .develop .starItem .starTitle {
 	background: #75d30d;
-}
+}		
 .develop .starItem .starContent{
     border-top: 4px solid #75d30d;
-}
+}	
 .develop .starItem .userHandle {
 	color:#52ac09;
 }
 
 .algorithm .starItem .starTitle {
 	background: #ffae00;
-}
+}		
 .algorithm .starItem .starContent{
     border-top: 4px solid #ffae00;
-}
+}	
 .algorithm .starItem .userHandle {
 	color:#ffae00;
 }
@@ -205,16 +205,16 @@
 	}
     #banner.develop .inner .container{
         background: none;
-	}
+	}	
     #banner.algorithm .inner .container{
         background: none;
-	}
-
+	}	
+	
 	.starsOfMonthWrapper {
 		background: url(@@cdn/i/stars-of-month-bg.png) 0 0 repeat;
 		height:auto;
 		min-height:354px;
-	}
+	}	
 	.starsOfMonthInner {
 		background: none;
 		min-width:0px;
@@ -223,67 +223,22 @@
 		margin:0px auto;
 		padding-bottom:40px;
 	}
-
+	
 	.starItem {
 		float:none;
 		margin:0px auto;
 		margin-top:20px;
 		overflow:hidden;
 	}
-
+	
 	.starsOfMonthInner .first {
 		margin-left:auto;
 	}
-
+	
 	.starItem .starTitle {
 		min-width: 0px;
 		width:auto;
 		margin:0px auto;
-	}
-
-}
-.header-container {
-    background: #fff;
-    box-shadow: 0 1px 3px #D1D3D4;
-		padding: 10px 120px;
-}
-.header-container header h1 {
-    font-size: 32px;
-		font-weight: 700;
-    line-height: 38px;
-    padding: 15px 0;
-    margin: 10px 0 0;
-    overflow: hidden;
-    text-align: left;
-}
-.header-container .statistics, .header-container .statistics .ilb {
-	display: inline-block;
-}
-.header-container .statistics {
-	float: right;
-}
-.header-container .statistics p {
-	padding-bottom: 0;
-	text-align: center;
-}
-.header-container .statistics .val {
-	font-size: 32px;
-	line-height: 38px;
-	font-family: "Sofia Pro";
-	font-weight: 400;
-	color: #3d3d3d;
-}
-.header-container .statistics .lbl {
-	font-size: 12px;
-	line-height: 14px;
-	color: #a3a3ae;
-}
-.dataTable.challenges {
-	background: #fff;
-}
-@media (min-width: 1020px) {
-	.grid-3-3 .grid-2-3 {
-	    width: calc( 100% - 360px);
-	    float: left;
-	}
-}
+	}	
+	
+}
\ No newline at end of file
diff --git a/src/css/style-404page.css b/src/css/style-404page.css
index b9c0a007..a4d2bb9f 100644
--- a/src/css/style-404page.css
+++ b/src/css/style-404page.css
@@ -1,6 +1,6 @@
 #wrapper404 #navigation {
 	height: 94px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
 	behavior: url(./wp-content/themes/tcs-responsive/css/PIE.htc);
 }
 #wrapper404 #navigation .container {
@@ -22,8 +22,8 @@
 	padding-top: 20px;
 	padding-bottom: 20px;
 	background-color: #fcfcfc;
-
-}
+	
+}	
 	#wrapper404 .page404 .container {
 		width: auto;
 	}
@@ -79,7 +79,7 @@
 			background-image: url('../i/404-Mobile.png');
 		}
 	}
-
+	
 	#wrapper404 .step404 #print_btn{
 		margin: 0 auto;
 		padding-top: 20px;
@@ -132,4 +132,4 @@
 	#print_area {
 		display: block;
 	}
-}
+}	
\ No newline at end of file
diff --git a/src/css/style-challenges-responsive.css b/src/css/style-challenges-responsive.css
index 8a19ae42..1cf878ec 100644
--- a/src/css/style-challenges-responsive.css
+++ b/src/css/style-challenges-responsive.css
@@ -1,4 +1,4 @@
-/* Mobile View Fix */
+/* Mobile View Fix */	
 @media (max-width: 1019px) {
 	.hideOnMobile, .contestGrid .contest .hideOnMobile {
 		display:none;
@@ -16,13 +16,13 @@
 		border:none;
 		padding-top:0px;
 	}
-
+	
 	.layChallenges .actions .rt {
 		border:none;
 		padding-top:10px;
 		padding-right:10px;
 	}
-
+	
 	#hero .container {
 		margin:0px;
 	}
@@ -36,4 +36,4 @@
 	.contestGrid .contest {
 		width:auto;
 	}
-}
+}	
\ No newline at end of file
diff --git a/src/css/style-challenges.css b/src/css/style-challenges.css
index bd4ba58b..e103e635 100644
--- a/src/css/style-challenges.css
+++ b/src/css/style-challenges.css
@@ -21,25 +21,6 @@
 
 /* end of edit by evilkyro1965 */
 
-.header-container {
-    background: #fff;
-    box-shadow: 0 1px 3px #D1D3D4;
-}
-
-.header-container .container {
-    margin: 0 60px;
-    padding: 10px 60px;
-}
-
-.header-container .container header h1 {
-    font-size: 32px;
-    line-height: 38px;
-    padding: 15px 0;
-    margin: 10px 0 0;
-    overflow: hidden;
-    text-align: left;
-}
-
 body, #wrapper {
     min-width: 1024px !important;
 }
@@ -183,23 +164,7 @@ select {
     width: auto;
     margin: 0 auto;
 }
-.layChallenges .links {
-  border-bottom: 1px solid #D1D3D4;
-  padding-bottom: 5px;
-}
-.layChallenges .links .link {
-    margin: 0 1%;
-    padding: 0 1% 7px;
-    color: #A3A3AE;
-    font-size: 16px;
-    line-height: 19px;
-    font-family: "Sofia Pro", Helvetica, Arial;
-    text-transform: uppercase;
-}
-.layChallenges .links .link.active {
-    border-bottom: 4px solid #0096FF;
-    color: #000000;
-}
+
 .landingChallenges .challengeType {
     width: 300px;
 }
@@ -593,6 +558,7 @@ select {
 }
 
 #tcoTableAllContest .colCh a img.allContestIco {
+    height: 36px;
     padding: 0px;
 }
 
@@ -783,22 +749,24 @@ caption.reviewDetail {
 /*Bugfix I-107027: restrict contest name to 2 lines in grid mode*/
 .contestGrid .cgCh a span {
     display:inline-block;
-    height: 2.7em;
+    height: 2.4em;
     width: 100%;
     overflow: hidden;
 }
 .contestGrid .cgCh a:hover {
-    color: #0096FF;
+    color: #FFB800
 }
 
 .contestGrid .technologyTags a:hover {
-    color: #0096FF;
+    color: #FFB800
 }
 
 .contestGrid .cgCh a img {
     position: absolute;
     top: 0;
     left: 15px;
+    background: url(@@cdn/i/tco/tco-arrow.png) no-repeat;
+    background-position: 0 10px;
     padding-bottom: 8px;
 }
 
@@ -817,6 +785,7 @@ caption.reviewDetail {
 }
 
 #gridAll .cgCh a img.allContestIco {
+    height: 36px;
     padding: 0px;
 }
 
@@ -1096,7 +1065,7 @@ select:disabled {
 }
 
 .ui-datepicker-calendar .ui-datepicker-today {
-    background-color: #0096FF;
+    background-color: #FF8A00;
     color: #fff;
 }
 
@@ -1105,7 +1074,7 @@ select:disabled {
 }
 
 .ui-datepicker-calendar .ui-datepicker-current-day {
-    background-color: #0096FF;
+    background-color: #FFB800;
     color: #fff;
 }
 
@@ -1136,6 +1105,8 @@ select:disabled {
 
 .ui-datepicker-prev,
 .ui-datepicker-next {
+    background: url(@@cdn/i/arrows-rl.png) no-repeat;
+    background-position: 3px -25px;
     cursor: pointer;
     z-index: 10;
 }
@@ -1153,22 +1124,21 @@ select:disabled {
     text-indent: 10000px;
     display: block;
     overflow: hidden;
-    top: 13px;
+    top: 9px;
     left: 11px;
     position: absolute;
-    background: url(@@cdn/i/chevron-left-design.png) no-repeat;
 }
 
 .ui-datepicker-next {
     width: 20px;
     height: 20px;
     text-indent: 10000px;
+    background-position: 3px 4px;
     display: block;
     overflow: hidden;
-    top: 13px;
+    top: 9px;
     right: 11px;
     position: absolute;
-    background: url(@@cdn/i/chevron-right-design.png) no-repeat;
 }
 
 .ui-datepicker-next.ui-state-disabled {
@@ -1452,354 +1422,4 @@ span.subscribeTopWrapper .feedBtn {
 .dataCalendar .fc-day-grid-event > .fc-content {
     white-space: inherit;
     overflow: auto;
-}
-/* Stylish Start */
-body {
-    font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif;
-    font-size: 14px;
-    line-height: 22px;
-    color: #333;
-    background-color: #f6f6f6;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-weight: 400;
-    line-height: 1.125em;
-    font-family: "Sofia Pro", Helvetica, Arial, sans-serif;
-}
-.sideStream h1,
-header h1,
-.challenge-detail.develop .tableWrap h1,
-.challenge-detail .tableWrap h1 {
-    font-size: 28px;
-    color: #3D3D3D;
-    font-weight: 600;
-    text-transform: uppercase;
-    text-align: center;
-    border: none;
-}
-h2,
-.challenge-detail .tableWrap h2 {
-    font-size: 18px;
-    font-weight: 400;
-    font-style: normal;
-    color: #000;
-    text-transform: uppercase;
-    font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Aria, sans-serif;
-    margin: 40px 0 10px 0;
-    text-align: left;
-}
-.challenge-detail .columnSideBar h3 {
-    color: #3d3d3d;
-    font-size: 14px;
-    padding-bottom: 0;
-}
-p,
-.challenge-detail .tableWrap p {
-    font-weight: 300;
-    font-size: 14px;
-    line-height: 24px;
-    color: #3d3d3d;
-    padding-bottom: 24px;
-    margin: 0;
-}
-.challenge-detail .tableWrap strong {
-    color: #3d3d3d;
-    font-weight: 600;
-}
-em {
-    font-style: italic;
-    font-family: Merriweather, Georgia, serif;
-}
-.note {
-    border-left: 6px solid #d2d2d2;
-    padding-left: 30px;
-    padding-bottom: 0px !important;
-}
-.challenge-detail .columnSideBar {
-    display: block;
-    clear: none;
-    width: 100%;
-    background: #f7f7f7;
-    border: none;
-    margin-top: 0;
-    padding: 20px 10px;
-}
-.challenge-detail.develop .columnSideBar {
-    margin-top: 25px;
-}
-.challenge-detail .columnSideBar .inner {
-    padding: 10px;
-    border-bottom: none;
-}
-/* form elements */
-
-input[type=text],
-input[type=url] {
-    padding: 6px;
-    margin: 0;
-    height: 30px;
-    line-height: 20px;
-    background: #3f4143;
-    font-family: "Merriweather Sans", Helvetica, Aria, sans-serif;
-    font-size: 15px;
-    color: #3d3d3d;
-    border: 1px solid #CECECE;
-    box-shadow: inset 0px 0px 1px 0px rgba(183, 183, 183, 0.4);
-    transition: 200ms all;
-}
-input[type=text]:hover,
-input[type=url]:hover {
-    border: 1px solid #A3A3AE;
-    box-shadow: inset 0px 0px 1px 0px rgba(183, 183, 183, 0.8);
-}
-input[type=text]:focus,
-input[type=url]:focus {
-    border: 1px solid #4CB5FF;
-    box-shadow: inset 0px 0px 1px 0px rgba(133, 203, 255, 0.10);
-}
-/*******/
-
-#main,
-#wrapper > .content {
-    background: #F6F6F6;
-    position: relative;
-    z-index: 5;
-}
-#mainContent.splitLayout,
-#mainContent.layChallenges {
-    padding: 90px 60px 30px;
-    margin: 60px;
-    background: #fff;
-}
-#mainContent .container {
-    padding: 0;
-    margin: 0;
-    width: 100%;
-}
-#main {
-    background: #F6F6F6;
-}
-#navigation {
-    background: #fff;
-}
-.layChallenges header {
-    padding-bottom: 30px;
-    position: relative;
-}
-a,
-a:active,
-a:visited {
-    text-decoration: none;
-    color: #0096FF;
-    -moz-transition-duration: .3s;
-    -webkit-transition-duration: .3s;
-    transition: .2s all ease-in-out;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    outline: 0;
-}
-a:hover {
-    color: #097DCE;
-    text-decoration: underline;
-}
-.tcoTable .colCh a:hover {
-    color: #097DCE;
-}
-.nextLink:hover,
-.prevLink:hover {
-    color: #097DCE;
-}
-/* content */
-
-#mainContent .dataChanges {
-    text-align: center;
-    font-family: "Sofia Pro", Helvetica, Arial;
-    font-size: 14px;
-    color: #3d3d3d;
-}
-#mainContent .dataChanges .lt {
-    float: none;
-    display: inline;
-    padding: 0;
-}
-#mainContent .dataChanges .rt {
-    float: none;
-    text-align: right;
-    overflow: hidden;
-    display: inline;
-}
-#mainContent .dataChanges .prevLink {
-    display: inline-block;
-    padding-left: 20px;
-    position: relative;
-    float: none;
-}
-#mainContent .dataChanges .nextLink {
-    position: relative;
-    padding-right: 23px;
-    padding-left: 30px;
-    float: none;
-}
-/* Table of DIVs... OMG! */
-
-span.ng-show.challenges.lenght {
-    color: #DEDEDE;
-    padding: 0 5px;
-}
-.challengesGrid .ngHeaderContainer {
-    background-color: #FFFFFF;
-}
-.challengesGrid .challengeHeader {
-    height: 100%;
-    border-bottom: none;
-}
-.challengesGrid .ngHeaderCell {
-    background-color: #fff;
-    color: #7F7F7F;
-    line-height: 37px;
-    vertical-align: middle;
-    text-align: left;
-    font-family: "Sofia Pro", Helvetica, Arial, sans-serif;
-    word-wrap: break-word;
-    text-transform: uppercase;
-    font-size: 10px;
-    font-weight: 400;
-}
-.ngTopPanel {
-    position: relative;
-    z-index: 1;
-    background-color: #FFFFFF;
-    border-bottom: none;
-}
-.challengesGrid .challengeRow {
-    height: 100%;
-    border: solid #e7e7e7;
-    border-width: 1px 0;
-    font-size: 16px;
-    color: #3d3d3d;
-}
-.challengesGrid .ngRow.odd {
-    background-color: #FCFCFC;
-}
-.challengesGrid .challengeRow {
-    height: 100%;
-    border: solid #F1F0F0;
-    border-width: 1px 0;
-    font-size: 16px;
-    color: #3d3d3d;
-}
-.challengesGrid .colTime .row {
-    overflow: hidden;
-    line-height: 24px;
-    font-size: 13px;
-}
-.colt1 {
-    width: 210px;
-    text-align: center;
-}
-.colt3 {
-    width: 90px;
-    text-align: center;
-}
-.challengeRow .colt4 {
-    font-weight: 700;
-    text-align: center;
-}
-.colt4 {
-    text-align: center;
-}
-.tcoTable .colCh a {
-    width: 270px;
-    padding-left: 66px;
-    color: #3d3d3d;
-}
-.technologyTags span {
-    color: #3C3C3C;
-    font-size: 12px;
-    margin: 0;
-    padding: 1px 6px;
-    border-radius: 4px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 4px;
-    background-color: #F0F0F0;
-}
-.technologyTags .techTag a {
-    padding: 0;
-    color: #666;
-    display: inline;
-}
-/* the search form */
-
-.layChallenges .actions {
-    margin-bottom: -1px;
-    padding: 16px 0 30px;
-}
-.pastCaption,
-.upcomingCaption {
-    font-style: italic;
-    color: #A3A3AE;
-    font-weight: 300;
-}
-.layChallenges .challengeType ul .link.active,
-.layChallenges .challengeType ul .link.active:hover {
-    color: #000;
-    cursor: default;
-    text-transform: none;
-    text-decoration: none;
-}
-.new-search-box {
-    border: none;
-}
-.new-search-box input.search-text {
-    width: calc( 100% - 14px);
-    display: block;
-    background: #FFFFFF;
-    border-radius: 2px;
-    margin: 0 auto;
-    border: 1px solid #CECECE;
-}
-.new-search-box input.search-text:focus {
-    border: 1px solid #4CB5FF;
-    box-shadow: inset 0px 0px 2px 1px rgba(133, 203, 255, 0.60);
-}
-.selected-tags .wrapper {
-    border: none;
-    padding: 10px 0 20px 0;
-}
-.selected-tags li.left .selecting-tag-wrapper {
-    height: 30px;
-    background: #D1D3D4;
-    padding-right: 25px;
-    margin-right: 15px;
-    font-size: 12px;
-    color: #fff;
-    border-radius: 15px;
-    transition: .2s all ease-in-out;
-}
-.selected-tags li.left .selecting-tag-wrapper:hover {
-    background: #0096FF;
-    cursor: default;
-}
-.selected-tag {
-    margin: 5px 0 0 10px;
-    line-height: 28px;
-    position: relative;
-    padding: 2px 0 0 0;
-}
-.filter-dropdown {
-    border: none;
-    background: #F6F6F6;
-}
-/* Grid */
-
-.gridChallengName {
-    color: #0096FF;
-}
-.contestGrid .trackSD .genInfo>p i {
-    background-color: #B9B9B9;
-}
-/* End Stylish */
+}
\ No newline at end of file
diff --git a/src/css/style-responsive.css b/src/css/style-responsive.css
index fd0a9f88..f1affb6f 100644
--- a/src/css/style-responsive.css
+++ b/src/css/style-responsive.css
@@ -1,16 +1,14 @@
-/* width < 1010px
+/* width < 1010px  
 -----------------------------*/
 
 @media (max-width: 1019px) {
-.header-container header h1 {
-    text-align: center !important;
-}
+    
 #banner{
     height: 355px;
     background: #fff  url(@@cdn/i/bg-banner-sprite-m.png) repeat-x;
-    overflow: hidden;
+    overflow: hidden; 
 }
-#banner .inner{
+#banner .inner{    
    height: 355px;
    background: url(@@cdn/i/bg-banner-m.png) 50% 0 repeat-x;
 }
@@ -23,7 +21,7 @@
     margin: 0;
     max-width: 100% !important;
 }
-
+    
 
 /* slider */
 #banner .slider{
@@ -32,7 +30,7 @@
 }
     #banner .slider .welcome .con{
         background: url(@@cdn/i/banner-1-m.png) 50% 100% no-repeat;
-
+    
         height: 355px;
         text-align: center;
         width: auto;
@@ -44,7 +42,7 @@
         position: relative;
         left: auto;
         top: auto;
-
+    
         width: 101px;
         margin-top: 14px;
 }
@@ -55,13 +53,13 @@
         font-weight: bold;
         text-align: center;
         background: #666;
-
+    
         margin-top: 80px;
-}
+}    
      #banner .bx-controls{
          position: absolute;
          right: 0;
-
+     
          left: 0;
          bottom: auto;
          top: 12px;
@@ -69,7 +67,7 @@
 }
         #banner .bx-controls .bx-pager{
             overflow: hidden;
-
+        
             text-align: center;
 }
         #banner .bx-controls .bx-pager-item{
@@ -77,8 +75,8 @@
             margin: 0 3px;
             text-align: left;
             text-indent: -100px;
-            overflow: hidden;
-
+            overflow: hidden;            
+        
             display: inline-block;
 }
             #banner .bx-controls .bx-pager-item a{
@@ -87,37 +85,37 @@
                 width: 12px;
                 background: url(@@cdn/i/nav-dot.png) no-repeat;
                 background-position: 0 -12px;
-
+            
                 -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
 }
             #banner .bx-controls .bx-pager-item a.active,
             #banner .bx-controls .bx-pager-item a:hover{
-                background-position: 0 0;
+                background-position: 0 0;                
             }
     #banner .welcome{
         color: #fff;
         font-size: 12px;
-
+    
         letter-spacing: 1px;
         line-height: 16px;
 }
     #banner .welcome blockquote{
         position: relative;
         right: auto;
-
+    
         top: auto;
         padding-top: 28px;
         margin: 0 10px;
         width: auto;
 }
     #banner .welcome info{
-
+        
     }
      #banner .welcome h2{
         color: #fff;
         font-weight: bold;
         font-size: 16px;
-
+    
         padding-bottom: 9px;
         text-transform: uppercase;
         text-align: center;
@@ -134,7 +132,7 @@
 }
     #stats p{
         text-indent: 0;
-
+    
         letter-spacing: 1px;
         min-height: 26px;
         padding-top: 8px;
@@ -148,10 +146,10 @@
         top: 0;
         width: 205px;
     }
-
+    
 /* mainContent */
 #mainContent{
-    background: url(@@cdn/i/shadow.png) 50% 0 no-repeat;
+    background: url(@@cdn/i/shadow.png) 50% 0 no-repeat;    
     padding-top: 8px;
     padding-bottom: 18px;
     background-size: 120% 20px;
@@ -159,7 +157,7 @@
     #mainContent .title{
         padding-top: 14px;
         text-align: center;
-
+    
         margin-bottom: 12px;
 }
     #mainContent .slogan{
@@ -167,7 +165,7 @@
         font-size: 13px;
         font-weight: 300;
         line-height: 18px;
-
+    
         margin: 0 8px;
 }
 .whatVdo{
@@ -182,7 +180,7 @@
         margin-left: 0;
         position: relative;
         text-align: center;
-
+    
         padding-top: 141px;
         margin-top: 20px;
 }
@@ -193,7 +191,7 @@
         padding-bottom: 15px;
         color: #01a8e9;
     }
-
+    
     .whatVdo > section.build h3{
         color: #228400;
     }
@@ -203,7 +201,7 @@
     .whatVdo > section p{
         font-size: 13px;
         line-height: 18px;
-
+    
         letter-spacing: 1px;
         padding: 0 10px;
 }
@@ -214,10 +212,10 @@
         height: 130px;
     }
     .whatVdo > section.build i{
-        background-position: 50% -150px;
+        background-position: 50% -150px;        
     }
     .whatVdo > section.solve i{
-        background-position: 50% -300px;
+        background-position: 50% -300px;        
     }
 
 #featuredContent{
@@ -232,30 +230,30 @@
         right: 0;
         background: #eee;
         position: absolute;
-
+    
         display: none;
 }
      #featuredContent .container > section{
          position: relative;
-
+     
          padding-bottom: 22px;
 }
         #featuredContent .container > section > h3,
         #featuredContent .container > section > p,
         #featuredContent .container > section > .action{
             margin: 0 12px;
-
+        
             text-align: center;
 }
      #featuredContent .container > section .badge{
-        position: absolute;
+        position: absolute;   
         left: 50%;
         top: -1px;
         width: 185px;
         height: 125px;
         background: url(@@cdn/i/ico-featured.png) no-repeat;
         background-position: 0 0;
-
+    
         margin-left: -73px;
 }
     #featuredContent .container > section.toChallenge .badge{
@@ -289,7 +287,7 @@
      }
      #featuredContent .container > section .action{
     padding: 15px 0 5px;
-
+         
      }
 .nextLink{
     position: relative;
@@ -301,25 +299,26 @@
     width: 8px;
     top: 7px;
     right: 4px;
+    background: url(@@cdn/i/arrow-nxt.png) no-repeat;
     background-position:  0 0;
     position: absolute;
-    -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
+    -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;    
 }
 .nextLink:hover{
-   color: #FF8A00;
+   color: #FF8A00; 
 }
 .nextLink:hover i{
     right: 0;
 }
      #featuredContent .container > section .action a{
          font-size: 18px;
-         display: inline-block;
+         display: inline-block;  
          line-height: 24px;
     }
     #featuredContent .toBusiness{
         float: none;
         width: auto;
-
+    
         margin: 0 -10px;
 }
     #featuredContent .toChallenge{
@@ -329,7 +328,7 @@
 /* hero area */
 #hero{
     min-height: 162px;
-    background: #eee;
+    background: #eee; 
 }
     #hero .trackList{
         margin: 0 -10px;
@@ -338,9 +337,9 @@
         text-align: center;
         font-size: 13px;
         color: #01a8e9;
-
+    
         margin-top: 18px;
-        -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
+        -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;       
         padding: 0;
         margin: 18px 1.5% 0;
         width: 30.2%;
@@ -367,17 +366,17 @@
     #hero .trackAn i{
         background: url(@@cdn/i/ico-an.png) 50% 0 no-repeat;
     }
-
+    
 #hero .tracksInfo{
     padding: 2px 2px 14px;
     margin: 0 -10px;
 }
     #hero .trackInfo{
-       height: 120px;
+       height: 120px; 
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,0.5);
        font-size: 14px;
-       color: #666;
+       color: #666;    
        position: relative;
        float: none;
        display: block;
@@ -387,19 +386,19 @@
     #hero .trackInfo i{
        height: 89px;
        width: 89px;
-
+    
        position: absolute;
        left: 13px;
        top: 13px;
 }
     #hero .trackInfo p{
        padding-left: 118px;
-
+    
        margin-right: 8px;
 }
     #hero .trackInfo h3{
        display: block;
-       color: #01a8e9;
+       color: #01a8e9;       
        padding: 16px 0 3px 118px;
     }
     #hero .trackInfo.trackSD h3{
@@ -410,7 +409,7 @@
     }
     #hero .trackInfo a{
        display: inline-block;
-
+    
        font-size: 12px;
 }
 /* layout Challenges */
@@ -419,7 +418,7 @@
 }
     .layChallenges  header{
         border-bottom: 1px solid #e7e7e7;
-
+    
         padding-bottom: 8px;
         position: relative;
         font-size: 16px;
@@ -429,7 +428,7 @@
     .layChallenges  header .rt{
         position: absolute;
         right: 0;
-
+    
         top: 4px;
         display: none;
 }
@@ -437,7 +436,7 @@
         display: inline-block;
         float: left;
         margin-left: 20px;
-
+    
         line-height: 36px;
         -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
 }
@@ -445,8 +444,28 @@
     display: inline-block;
     height: 30px;
     width: 30px;
+    background: url(@@cdn/i/ico-views.png) no-repeat;
+    background-position: 0 0;
 }
-
+    .layChallenges .views .calendarView,
+    .layChallenges .views .gridView{
+        background-position: 0 -50px;
+    }
+    .layChallenges .views .listView{
+        background-position: 0 -150px;
+    }
+    
+    .layChallenges .views .calendarView.isActive,
+    .layChallenges .views .gridView.isActive{
+        background-position: 0 0px;
+        cursor: default;
+    }
+    
+    .layChallenges .views .listView.isActive{
+        background-position: 0 -100px;
+        cursor: default;
+    }
+    
 .layChallenges .actions{
     min-height: 25px;
     position: relative;
@@ -455,7 +474,7 @@
     margin: 0 -10px;
 }
     .layChallenges .actions .rt{
-        float: none;
+        float: none;    
         margin-top: 0;
         line-height: 42px;
         border-bottom: 1px solid #e7e7e7;
@@ -479,12 +498,12 @@
             display: inline-block;
             vertical-align: top;
             height: 24px;
-
+        
             z-index: 100;
             position: relative;
 }
     .layChallenges .challengeType{
-
+    
         width: auto;
         margin: 0;
         border-bottom: 1px solid #e7e7e7;
@@ -494,13 +513,13 @@
 }
     .layChallenges .challengeType ul{
         overflow: hidden;
-
+    
         display: inline-block;
         font-size: 16px;
         padding: 4px 0;
 }
     .layChallenges .challengeType ul > li{
-        float: left;
+        float: left;    
         border-left: 1px solid #D0D0D1;
         height: 16px;
         line-height: 18px;
@@ -509,7 +528,7 @@
         border-left: 0;
     }
     .layChallenges .challengeType ul .link{
-        margin: 0 10px;
+        margin: 0 10px;        
     }
     .layChallenges .challengeType ul .link.active,
     .layChallenges .challengeType ul .link.active:hover{
@@ -519,7 +538,7 @@
     .layChallenges .actions .searchLink{
         background: url(@@cdn/i/ico-zoom.png) 0 50% no-repeat;
         padding-left: 27px;
-
+    
         line-height: 22px;
         height: 22px;
         display: inline-block;
@@ -528,7 +547,7 @@
         display: inline-block;
         padding-right: 20px;
         position: relative;
-
+    
         border-left: 1px solid transparent;
 }
     .layChallenges .actions .upDown i{
@@ -538,17 +557,17 @@
         width: 13px;
         height: 24px;
         background: url(@@cdn/i/arrows-ud.png) no-repeat;
-        background-position: 0 9px;
+        background-position: 0 9px;        
     }
     .layChallenges .actions .upDown.alt{
         background-position: 100% -11px;
     }
-/* dataChanges */
+/* dataChanges */    
 #mainContent .dataChanges{
     padding-top: 19px;
     font-size: 14px;
-    width: 100%;
-    height: 60px;
+    
+    min-height: 18px;
     overflow: hidden;
     position: relative;
 }
@@ -557,12 +576,14 @@
 }
     #mainContent .dataChanges .mid{
         text-align: center;
-        margin: 20px;
+    
+        display: block;
+        margin: 0 100px;
         position: relative;
 }
     #mainContent .dataChanges .lt{
-        float: left;
-
+        float: left;        
+    
         min-width: 99px;
         z-index: 1;
         position: absolute;
@@ -570,8 +591,8 @@
         top: 19px;
 }
     #mainContent .dataChanges .rt{
-        float: right;
-
+        float: right;        
+    
         text-align: right;
         z-index: 1;
         position: absolute;
@@ -579,22 +600,22 @@
         top: 19px;
 }
     #mainContent .dataChanges .nextLink{
-        display: inline-block;
+        display: inline-block;   
         padding-right: 18px;
         position: relative;
         padding-left: 10px;
-}
+}   
     #mainContent .dataChanges .nextLink i{
         top: 2px;
     }
     #mainContent .dataChanges .prevLink{
-        display: inline-block;
+        display: inline-block;   
         padding-left: 18px;
         position: relative;
-}
+}   
     #mainContent .dataChanges .prevLink.hide{
         display: none;
-
+    
 }
     #mainContent .dataChanges .prevLink i{
         top: 2px;
@@ -609,17 +630,18 @@
     }
     .dataTable th,
     .dataTable td{
-        border-bottom: 1px solid #d4d4d4;
+        border: solid #e7e7e7;
+        border-width: 1px 0;
     }
     .dataTable th{
         vertical-align: middle;
-        background: #fff;
+        background: #f1f1f1;
         font-weight: normal;
-        height: 42px;
+        height: 42px;    
         font-size: 14px;
     }
     .dataTable tbody .alt td{
-        background: #fcfcfc;
+        background: #f7f7f7;
     }
     .dataTable th.colCh{
         text-align: left;
@@ -636,18 +658,31 @@
             padding-left: 66px;
             display: inline-block;
         }
-        .dataTable .colCh a i{
-            position: absolute;
-            top: 4px;
-            left: 14px;
-            background-color: #7ab800;
-            transition-duration: 0.2s;
+            .dataTable .colCh a i{
+                position: absolute;
+                top: 4px;
+                left: 14px;
+                background: url(@@cdn/i/ico-tracks.png) no-repeat;
+                background-position: 0 0;
+                background-color: #7ab800; 
+                width: 40px;
+                height: 36px;
+                transition-duration: 0.2s;
+}
+        .dataTable .trackSD .colCh a i{
+            background-position: 0 0;
+            background-color: #7ab800; 
+        }
+        .dataTable .trackUX .colCh a i{
+            background-position: 0 -50px;
+            background-color: #00add0; 
         }
-        .dataTable .colCh a span.track-symbol {
-            left: -51px;
+        .dataTable .trackAn .colCh a i{
+            background-position: 0 -100px;
+            background-color: #ffae00; 
         }
         .dataTable .colCh a:hover{
-            color: #097DCE;
+            color: #FF8A00;
         }
         .dataTable .colCh a:hover i{
             box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
@@ -669,10 +704,10 @@
 .dataTable tbody .colTime .row{
     overflow: hidden;
     line-height: 24px;
-    font-size: 12px;
+    font-size: 12px;    
 }
     .dataTable tbody .colTime .row .lbl{
-        float: left;
+        float: left; 
         width: 85px;
     }
     .dataTable tbody .colTime .row .val{
@@ -684,7 +719,7 @@
 .dataTable th.colPur{
     width: 98px;
 }
-    .dataTable tbody .colTLeft,
+    .dataTable tbody .colTLeft, 
     .dataTable tbody .colPur,
     .dataTable tbody .colReg,
     .dataTable tbody .colSub{
@@ -694,7 +729,7 @@
 
 #tableView{
     display: none !important;
-}
+}   
 #gridView{
     display: block !important;
 }
@@ -711,7 +746,7 @@
     .contestGrid .contest{
         display: block;
         border: 1px solid #e7e7e7;
-
+    
         width: auto;
         height: 268px;
         position: relative;
@@ -724,13 +759,13 @@
     .contestGrid .cgCh a{
         color: #666;
         position: relative;
-        padding: 0 0 0 54px;
+        padding: 0 0 0 54px;    
         display: block;
         height: 36px;
         max-width: 1000px;
         margin-right: 10px;
         line-height: 18px;
-        overflow: hidden;
+        overflow: hidden; 
 }
     .contestGrid .cgCh a:hover{
         color: #FF8A00;
@@ -743,8 +778,8 @@
         background-position: 0 -50px;
         background-color: #00add0;
         width: 40px;
-        height: 36px;
-        -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
+        height: 36px;        
+        -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;    
     }
     .contestGrid .trackSD .cgCh a i{
         background-position: 0 -50px;
@@ -767,14 +802,14 @@
         line-height: 24px;
     }
         .contestGrid .cgTime .lbl{
-            float: left;
+            float: left;            
         }
         .contestGrid .cgTime .val{
-            margin-left: 92px;
+            margin-left: 92px; 
         }
     .contestGrid .genInfo{
         background: #f7f7f7;
-
+            
         position: absolute;
         bottom: 0;
         right: 0;
@@ -788,16 +823,16 @@
         width: 24.8%;
         text-align: center;
         font-size: 18px;
-        color: #00add0;
+        color: #00add0;    
         padding-top: 8px;
 }
-    contestGrid .trackSD .genInfo > p{
+    contestGrid .trackSD .genInfo > p{        
         color: #00add0;
     }
-    .contestGrid .trackUX .genInfo > p{
+    .contestGrid .trackUX .genInfo > p{        
         color: #7ab800;
     }
-    .contestGrid .trackAn .genInfo > p{
+    .contestGrid .trackAn .genInfo > p{        
         color: #ffae00;
     }
     .contestGrid .genInfo > p.imp{
@@ -806,23 +841,23 @@
     .contestGrid .genInfo > p i{
         display: block;
         height: 30px;
-        width: 30px;
+        width: 30px;        
         margin: 0 auto;
         background-image: url(@@cdn/i/ico-con.png);
         background-color: #00add0;
-        background-repeat: no-repeat;
+        background-repeat: no-repeat;    
         margin-bottom: 9px;
 }
-    .contestGrid .trackSD .genInfo > p i{
+    .contestGrid .trackSD .genInfo > p i{        
         background-color: #00add0;
     }
-    .contestGrid .trackUX .genInfo > p i{
+    .contestGrid .trackUX .genInfo > p i{        
         background-color: #7ab800;
     }
-    .contestGrid .trackAn .genInfo > p i{
+    .contestGrid .trackAn .genInfo > p i{        
         background-color: #ffae00;
     }
-    .contestGrid1 .contest .genInfo > p.imp i{
+    .contestGrid1 .contest .genInfo > p.imp i{        
         background-color: #f00;
     }
     .contestGrid .genInfo .cgTLeft i{
@@ -837,7 +872,7 @@
     .contestGrid .genInfo .cgSub i{
         background-position: 0 0;
     }
-
+    
 /* welcome Banner */
 .welcomeBanner{
     margin-top: 0;
@@ -845,19 +880,19 @@
     color: #fff;
     min-height: 85px;
     font-size: 14px;
-    line-height: 16px;
+    line-height: 16px;       
 
     text-align: center;
 }
     .welcomeBanner p{
         margin-right: 0;
-
+    
         text-align: center;
 }
     .welcomeBanner .title{
         font-size: 18px;
         padding-top: 20px;
-
+    
         line-height: 18px;
         margin-bottom: 18px;
 }
@@ -869,11 +904,11 @@
         line-height: 46px;
         height: 42px;
         width: 151px;
-
+    
         margin-bottom: 25px;
         margin-top: 20px;
 }
-
+    
 /* splitLayout */
 #mainContent.splitLayout{
     background: none;
@@ -882,14 +917,14 @@
     position: relative;
 }
     #mainContent.splitLayout .mainStream{
-        width: auto;
-
+        width: auto;        
+    
         display: block;
         float: none;
 }
     #mainContent.splitLayout .sideStream{
         width: auto;
-
+    
         display: block;
         float: none;
         margin-top: 22px;
@@ -915,7 +950,7 @@
         height: 17px;
         width: 100%;
         background: url(@@cdn/i/shadow-small.png) 50% 0 no-repeat;
-
+    
         margin: 0;
 }
     .diagnostics > div{
@@ -924,7 +959,7 @@
         float: none;
         font-size: 10px;
         text-align: center;
-
+    
         background: url(@@cdn/i/ico-flags.png) no-repeat;
         background-position: 0 0;
         line-height: 14px;
@@ -945,7 +980,7 @@
         background-position: 0 -450px;
     }
     .diagnostics .val{
-        font-size: 12px;
+        font-size: 12px;    
         color: #fff;
         margin-top: 60px;
 }
@@ -958,7 +993,7 @@
 /* tops */
 .tops{
     margin-top: 25px;
-
+    
 }
     .tops > nav{
         padding: 12px 0 10px;
@@ -966,10 +1001,10 @@
     .tops h1{
         border-bottom: 1px solid #e7e7e7;
         padding-bottom: 13px;
-    }
+    }   
     .tops ul{
         overflow: hidden;
-
+    
         display: inline-block;
         font-size: 16px;
         padding: 3px 0;
@@ -978,7 +1013,7 @@
         display: block;
 }
     .tops ul > li{
-        float: left;
+        float: left;    
         border-left: 1px solid #D0D0D1;
         height: 16px;
         line-height: 18px;
@@ -987,7 +1022,7 @@
         border-left: 0;
     }
     .tops ul .link{
-        margin: 0 10px;
+        margin: 0 10px;        
     }
     .tops ul .link.active,
     .tops ul .link.active:hover{
@@ -1004,21 +1039,27 @@
 }
     .tops .topsTable td{
         text-align: center;
-
+    
         height: 32px;
 }
     .tops .views{
         text-align: right;
         font-size: 16px;
-
+    
         margin-top: 19px;
 }
 
 /* starsOfMonth */
-.somInner{
+.somInner{    
     max-width: 300px;
     margin: 0 auto;
     width: auto;
+}
+.starsOfMonth{
+    background: url(@@cdn/i/shadow.png) 50% 0 no-repeat;
+    border-top: 1px solid #dfe1e1;
+    padding-top: 26px;
+    background-size: 120% 20px;
 }
     .starsOfMonth h2{
         color: #2e3b19;
@@ -1028,16 +1069,18 @@
     .starsOfMonth h2 small{
         display: block;
         font-size: 14px;
-
+    
         line-height: 18px;
 }
     .starsOfMonth .starProfiles{
         overflow: hidden;
-
+    
         margin: 0;
 }
     .starsOfMonth .profile{;
         border: 1px solid #dfe1e1;
+        max-width: 262px;
+    
         margin: 15px 0 0;
         width: auto;
 }
@@ -1045,18 +1088,25 @@
         overflow: hidden;
     }
     .starsOfMonth .profile h3{
-        color: #01a8e9;
+        color: #01a8e9;    
         margin-bottom: 16px;
-}
+}   
     .starsOfMonth .profileUX h3{
-            color: #01a8e9;
+            color: #01a8e9;  
     }
     .starsOfMonth .profileSD h3{
-            color: #228400;
+            color: #228400;  
     }
     .starsOfMonth .profileAn h3{
-            color: #ff7400;
+            color: #ff7400;  
     }
+    .starsOfMonth .profile .memberPic{
+        float: left;
+    }
+    .starsOfMonth .profile .details .row{
+        margin: 5px 0 13px 150px;
+    
+}
     .starsOfMonth .profile  label{
         font-size: 12px;
     }
@@ -1067,13 +1117,13 @@
         font-size: 18px;
     }
     .starProfiles .grid-3-1{
-        float: none;
+        float: none;    
         margin-top: 15px;
         overflow: hidden;
         width: auto;
         display: block;
         margin: 0;
-}
+} 
     .starProfiles .gird-rt .profile{
        float: none;
 }
@@ -1083,8 +1133,8 @@
 
 /* whatsHappening */
 #whatsHappening{
-    background: #fff;
-    padding: 12px 0 26px 0;
+    background: #d2d2d2;
+    padding: 12px 0 26px 0; 
 }
 #whatsHappening .inner{
     margin: 0;
@@ -1104,7 +1154,7 @@
     #whatsHappening .featuredImg{
         width: 100%;
         height: 180px;
-
+    
         margin-bottom: 26px;
 }
     #whatsHappening .featuredImg img{
@@ -1116,37 +1166,37 @@
     #whatsHappening .slide .title{
         font-weight: bold;
         font-size: 14px;
-
+    
         line-height: 24px;
         height: 50px;
         overflow: hidden;
 }
     #whatsHappening .slide .postedBy{
-        line-height: 30px;
+        line-height: 30px;        
     }
     #whatsHappening .slide .excerpt{
-        line-height: 18px;
+        line-height: 18px;        
     }
     #whatsHappening .slide .excerpt .more{
         display: block;
     }
     #whatsHappening .grid-3-1 > section{
-        width: auto;
+        width: auto;    
         padding-bottom: 30px;
         border-bottom: 1px solid #cacaca;
 }
     #whatsHappening .grid-rt > section{
         float: none;
         border-bottom: none;
-
+    
         padding-bottom: 0;
 }
-    #whatsHappening .grid-mid > section{
+    #whatsHappening .grid-mid > section{        
         margin: 0 auto;
     }
     #whatsHappening .slider .bx-controls{
         text-align: center;
-
+    
         margin-top: 16px;
 }
     #whatsHappening .slider .bx-controls .bx-pager-item{
@@ -1167,15 +1217,15 @@
         }
     #whatsHappening .slider .bx-controls .bx-pager-item a.active,
     #whatsHappening .slider .bx-controls .bx-pager-item a:hover{
-        background-position: 0 -20px;
+        background-position: 0 -20px;        
     }
     #whatsHappening .grid-3-1{
         float: none;
-
+    
         display: block;
         width: auto;
     }
-
+    
     /*Title*/
 
 .pageTitleWrapper {
@@ -1203,10 +1253,10 @@
 		padding: 6px 0 2px 14px;
 	}
 	.pageContent ul .listTitle{
-		display: block;
+		display: block;	
 	}
 	.pageContent ul .listTitleDash{
-		display: none;
+		display: none;	
 	}
 	.pageContent ol {
 		padding: 6px 10px 2px 33px;
@@ -1233,7 +1283,7 @@
 		-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
 		padding-right: 65px;
 		border-right: 10px solid transparent;
-
+		
 	}
 	.sideFindRelatedContent .searchRelatedBox .btn {
 		position: absolute;
@@ -1248,7 +1298,7 @@
 			line-height: 14px;
 		}
 .sideMostRecentChallenges{
-	margin-bottom: 32px;
+	margin-bottom: 32px;	
 }
 	.sideMostRecentChallenges h3 {
 		padding: 0 9px;
@@ -1259,7 +1309,7 @@
 	.sideMostRecentChallenges li.alt {
 		padding: 14px 0;
 	}
-
+	
 /*Case Page*/
 .casesView.container{
 	margin: 0;
@@ -1298,23 +1348,23 @@
 	padding: 18px 0;
 }
 .casesView .caseGrid a.jsShowCaseDetails > img{
-	padding: 0;
+	padding: 0;	
 }
 .grid-4 .caseDetailsWrapper{
-	display: none;
+	display: none;	
 }
 #mainContent.casePage .dataChanges{
-	margin-top: 17px;
+	margin-top: 17px;	
 }
 .casePage .jsCloseCaseDetails{
 	top: 12px;
-	right: 0;
+	right: 0;	
 }
 .casePage .caseBriefWrapper{
-	padding-bottom: 25px;
+	padding-bottom: 25px;	
 }
 .casePage .caseBriefWrapper .caseTitle{
-	padding: 41px 0 23px 0;
+	padding: 41px 0 23px 0;	
 }
 .casePage .caseBriefWrapper .caseTitle h3{
 	line-height: 30px;
@@ -1326,7 +1376,7 @@
 }
 .casePage .caseBriefWrapper .caseQuote{
 	width: auto;
-	float: none;
+	float: none;	
 	padding: 0 0 11px 0;
 	margin-bottom: 20px;
 }
@@ -1354,7 +1404,7 @@
 	margin: 0;
 }
 .casePage .caseTitle{
-	padding: 4px 0 12px 0;
+	padding: 4px 0 12px 0;	
 }
 .casePage .caseTitle h3{
 	font-size: 25px;
@@ -1371,7 +1421,7 @@
 	margin: 0 auto;
 }
 .casePage .caseBanner{
-	margin-bottom: 11px;
+	margin-bottom: 11px;	
 }
 .casePage .caseBanner img {
 	width: 100%;
@@ -1389,7 +1439,7 @@
 	margin-bottom: 23px;
 }
 .caseQuote .quoteTxt{
-	padding-bottom: 23px;
+	padding-bottom: 23px;	
 }
 .caseQuote .quoterName,
 .caseQuote .quoterTitle{
@@ -1452,7 +1502,7 @@
 
 /*Resource Page*/
 .resourceList{
-	padding-top: 5px;
+	padding-top: 5px;	
 }
 .resourceList li{
 	padding: 0;
@@ -1524,11 +1574,11 @@
 .storyPage .grid-3-3 .grid-2-3,
 .storyPage .grid-3-3 .grid-1-3{
 	float: none;
-	width: 100%;
+	width: 100%;	
 }
 
 .storyDetailsWrapper .storyTitle{
-	padding: 0 0 32px 0;
+	padding: 0 0 32px 0;	
 }
 .storyDetailsWrapper .storyTitle .author{
 	font-size: 16px;
@@ -1548,7 +1598,7 @@
 .storyDetails article .sideImage img{
 	width: 100%;
 	max-width: 100%;
-	height: auto;
+	height: auto;	
 }
 .storyDetails article .sideImage p {
     padding: 10px 0 14px 0;
@@ -1564,7 +1614,7 @@
 	margin-bottom: 21px;
 }
 .sideSearchStories h3{
-	text-align: center;
+	text-align: center;	
 }
 .sideSearchStories .searchStoriesBox{
 	border-width: 0;
@@ -1577,7 +1627,7 @@
 	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
 	padding-right: 65px;
 	border-right: 10px solid transparent;
-
+	
 }
 .sideSearchStories .searchStoriesBox .btn {
 	position: absolute;
@@ -1598,20 +1648,3 @@
 }
 
 }
-/* For community page */
-@media (max-width: 480px ) {
-  .community #mainContent.splitLayout {
-    margin: 30px 10px;
-    padding: 30px 10px;
-  }
-  .tops .topsTable .colHandle {
-    text-align: center;
-  }
-}
-@media (max-width: 960px) {
-  .challenge-detail .rightSplit  .grid-3-3 {
-    width: 100%;
-    margin: 0;
-    padding: 0;
-  }
-}
diff --git a/src/css/style.css b/src/css/style.css
index 615f8187..14b1ce1a 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -55,173 +55,6 @@
   font-weight: 300;
 }
 
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-ultralight-webfont.eot');
-    src: url('/mf/fonts/sofiapro-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-ultralight-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-ultralight-webfont.ttf') format('truetype'),
-         url('/mf/fonts/sofiapro-ultralight-webfont.svg#sofia_pro_ultralight') format('svg');
-    font-weight: 100;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-ultralight-italic-webfont.eot');
-    src: url('/mf/fonts/sofiapro-ultralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-ultralight-italic-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-ultralight-italic-webfont.ttf') format('truetype'),
-         url('/mf/fonts/sofiapro-ultralight-italic-webfont.svg#sofia_pro_ultralightitalic') format('svg');
-    font-weight: 100;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-extralight-webfont.eot');
-    src: url('/mf/fonts/sofiapro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-extralight-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-extralight-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-extralight-webfont.svg#sofia_pro_extralight') format('svg');
-    font-weight: 200;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-extralight-italic-webfont.eot');
-    src: url('/mf/fonts/sofiapro-extralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-extralight-italic-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-extralight-italic-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-extralight-italic-webfont.ttf') format('truetype');
-    font-weight: 200;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-light-webfont.eot');
-    src: url('/mf/fonts/sofiapro-light-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-light-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-light-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-light-webfont.svg#sofia_pro_light') format('svg'),
-		 url('/mf/fonts/sofiapro-light-webfont.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-light-italic-webfont.eot');
-    src: url('/mf/fonts/sofiapro-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-light-italic-webfont.woff') format('woff'),
-         url('/mf/fonts/sofiapro-light-italic-webfont.ttf') format('truetype'),
-		 url('/mf/fonts/sofiapro-light-italic-webfont.svg#sofia_pro_lightitalic') format('svg');
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-regular-webfont.eot');
-    src: url('/mf/fonts/sofiapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-regular-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-regular-webfont.woff2') format('woff2'),
-		 url('/mf/fonts/sofiapro-regular-webfont.ttf') format('truetype'),
-         url('/mf/fonts/sofiapro-regular-webfont.svg#sofia_pro_regular') format('svg');
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-medium-webfont.eot');
-    src: url('/mf/fonts/sofiapro-medium-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-medium-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-medium-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-medium-webfont.svg#sofia_pro_medium') format('svg'),
-		 url('/mf/fonts/sofiapro-medium-webfont.ttf') format('truetype');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-medium-italic.eot');
-    src: url('/mf/fonts/sofiapro-medium-italic.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-medium-italic.woff') format('woff'),
-         url('/mf/fonts/sofiapro-medium-italic.ttf') format('truetype'),
-		 url('/mf/fonts/sofiapro-medium-italic.svg#sofia_pro_mediumitalic') format('svg');
-    font-weight: 500;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-semibold-webfont.eot');
-    src: url('/mf/fonts/sofiapro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-semibold-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-semibold-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-semibold-webfont.svg#sofia_pro_semibold') format('svg'),
-		 url('/mf/fonts/sofiapro-semibold-webfont.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-semibold-italic-webfont.eot');
-    src: url('/mf/fonts/sofiapro-semibold-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-semibold-italic-webfont.woff') format('woff'),
-         url('/mf/fonts/sofiapro-semibold-italic-webfont.ttf') format('truetype'),
-		 url('/mf/fonts/sofiapro-semibold-italic-webfont.svg#sofia_pro_semibolditalic') format('svg');
-    font-weight: 600;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-bold-webfont.eot');
-    src: url('/mf/fonts/sofiapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-bold-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-bold-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-bold-webfont.svg#sofia_pro_bold') format('svg'),
-		 url('/mf/fonts/sofiapro-bold-webfont.ttf') format('truetype');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-bold-italic-webfont.eot');
-    src: url('/mf/fonts/sofiapro-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-bold-italic-webfont.woff') format('woff'),
-         url('/mf/fonts/sofiapro-bold-italic-webfont.ttf') format('truetype'),
-		 url('/mf/fonts/sofiapro-bold-italic-webfont.svg#sofia_pro_bolditalic') format('svg');
-    font-weight: 700;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-black-webfont.eot');
-    src: url('/mf/fonts/sofiapro-black-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-black-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-black-webfont.woff2') format('woff2'),
-         url('/mf/fonts/sofiapro-black-webfont.svg#sofia_pro_black') format('svg'),
-		 url('/mf/fonts/sofiapro-black-webfont.ttf') format('truetype');
-    font-weight: 800;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sofia Pro';
-    src: url('/mf/fonts/sofiapro-black-italic-webfont.eot');
-    src: url('/mf/fonts/sofiapro-black-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('/mf/fonts/sofiapro-black-italic-webfont.woff') format('woff'),
-		 url('/mf/fonts/sofiapro-black-italic-webfont.woff2#sofia_pro_blackitalic') format('svg');
-    font-weight: 800;
-    font-style: italic;
-}
 /* main
 ---------------------------*/
 #banner{
@@ -230,18 +63,18 @@
     background: url(@@cdn/i/bg-slide-sprite.jpg) 0 0 repeat-x;
 }
     #banner .inner{
-
+     
        height: 226px;
        background:  url(@@cdn/i/bg-slide.jpg) 50% 0 no-repeat;
 }
     #banner .inner .container{
         background: url(@@cdn/i/banner-1.png) 50% 0 no-repeat;
-
+    
         padding-left: 0;
 }
     #banner .inner .container .bx-wrapper{
         margin-left: 395px;
-
+    
         max-width: 600px !important;
 }
 /* slider */
@@ -249,7 +82,7 @@
     height: 226px;
     display: block;
 }
-    #banner .slider .con{
+    #banner .slider .con{    
         width: 590px;
         margin: 0 auto;
 }
@@ -257,7 +90,7 @@
         position: absolute;
         left: 60px;
         top: 175px;
-
+    
         width: 101px;
 }
     #banner .slider .slide{
@@ -266,29 +99,29 @@
         color: #fff;
         font-weight: bold;
         text-align: center;
-
+    
         overflow: hidden;
 }
     #banner .slider li .con{
         height: 196px;
         padding: 30px 20px 0 0;
         position: relative;
-
+    
 }
     #banner .slider li.welcome .con{
     background: url(@@cdn/i/tc-cs.png) -400px 0 no-repeat;
-
+        
     }
     #banner .slider li .textOnly{
         font-size: 14px;
-
+    
         font-weight: normal;
         line-height: 18px;
 }
      #banner .bx-controls{
          position: absolute;
          left: 50%;
-
+     
          bottom: 13px;
          z-index: 60;
          width: auto;
@@ -296,14 +129,14 @@
 }
         #banner .bx-controls .bx-pager{
             overflow: hidden;
-
+        
 }
         #banner .bx-controls .bx-pager-item{
             float: left;
             margin-left: 5px;
             text-align: left;
             text-indent: -100px;
-            overflow: hidden;
+            overflow: hidden;            
         }
             #banner .bx-controls .bx-pager-item a{
                 display: block;
@@ -311,12 +144,12 @@
                 width: 12px;
                 background: url(@@cdn/i/nav-dot.png) no-repeat;
                 background-position: 0 -12px;
-
+            
                 -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
 }
             #banner .bx-controls .bx-pager-item a.active,
             #banner .bx-controls .bx-pager-item a:hover{
-                background-position: 0 0;
+                background-position: 0 0;                
             }
     #banner .welcome{
         color: #fff;
@@ -326,17 +159,17 @@
         position: absolute;
         right: 93px;
         width: 458px;
-
+    
         top: 54px;
 }
     #banner .welcome info{
-
+        
     }
      #banner .welcome h2{
         color: #fff;
         font-weight: bold;
         font-size: 28px;
-
+    
         padding-bottom: 9px;
         text-transform: uppercase;
         line-height: 34px;
@@ -347,7 +180,7 @@
     line-height: 68px;
     height: 68px;
 }
-
+    
     #stats em{
         font-weight: bold;
     }
@@ -357,10 +190,10 @@
         top: 14px;
         width: 205px;
     }
-
+    
 /* mainContent */
 #mainContent{
-    background: url(@@cdn/i/shadow.png) 50% 0 no-repeat;
+    background: url(@@cdn/i/shadow.png) 50% 0 no-repeat;    
     padding-top: 8px;
     padding-bottom: 32px;
 }
@@ -372,7 +205,7 @@
     #mainContent .title{
         padding-top: 32px;
         text-align: center;
-
+    
         margin-bottom: 16px;
 }
     #mainContent .slogan{
@@ -393,7 +226,7 @@
         margin-left: 25px;
         position: relative;
         text-align: center;
-
+    
         padding-top: 141px;
 }
     .whatVdo > section:first-child{
@@ -403,7 +236,7 @@
         padding-bottom: 15px;
         color: #01a8e9;
     }
-
+    
     .whatVdo > section.build h3{
         color: #228400;
     }
@@ -413,7 +246,7 @@
     .whatVdo > section p{
         font-size: 16px;
         line-height: 24px;
-
+    
         letter-spacing: 1px;
         padding: 0 10px;
 }
@@ -423,14 +256,14 @@
         left: 50%;
         max-height: 130px;
         width: 127px;
-
+    
         margin-left: -63px;
 }
     .whatVdo > section.build i{
-        background-position: 50% -150px;
+        background-position: 50% -150px;        
     }
     .whatVdo > section.solve i{
-        background-position: 50% -300px;
+        background-position: 50% -300px;        
     }
 
 #featuredContent{
@@ -448,7 +281,7 @@
     }
      #featuredContent .container > section{
          position: relative;
-
+     
 }
         #featuredContent .container > section > h3,
         #featuredContent .container > section > p,
@@ -456,7 +289,7 @@
             margin: 0 25px 0 146px;
         }
      #featuredContent .container > section .badge{
-        position: absolute;
+        position: absolute;   
         left: 0;
         top: -1px;
         width: 185px;
@@ -481,7 +314,7 @@
       }
     #featuredContent .container > section .em{
         padding: 7px 0 3px;
-
+    
         color: #333;
 }
     #featuredContent .container > section em{
@@ -494,7 +327,7 @@
      }
      #featuredContent .container > section .action{
     padding: 20px 0 5px;
-
+         
      }
 .nextLink{
     position: relative;
@@ -507,13 +340,13 @@
     width: 8px;
     top: 7px;
     right: 4px;
-    background: url(@@cdn/i/chevron-right-design.png) no-repeat;
+    background: url(@@cdn/i/arrow-nxt.png) no-repeat;
     background-position:  0 0;
     position: absolute;
-    transition-duration: 0.2s;
+    transition-duration: 0.2s;    
 }
 .nextLink:hover{
-   color: #FF8A00;
+   color: #FF8A00; 
 }
 .nextLink:hover i{
     right: 0;
@@ -523,19 +356,19 @@
     padding-left: 23px;
 }
 .prevLink i{
-    background: url(@@cdn/i/chevron-left-design.png) no-repeat;
+    background: url(@@cdn/i/arrow-prev.png) no-repeat;
     right: auto;
     left: 4px;
 }
 .prevLink:hover{
-   color: #FF8A00;
+   color: #FF8A00; 
 }
 .prevLink:hover i{
     left: 0;
 }
      #featuredContent .container > section .action a{
          font-size: 22px;
-         display: inline-block;
+         display: inline-block;  
          line-height: 26px;
     }
     #featuredContent .toBusiness{
@@ -558,7 +391,7 @@
         float: left;
         width: 320px;
         text-align: center;
-
+    
         margin-left: 25px;
 }
     #aboutContent .container > section:first-child{
@@ -577,7 +410,7 @@
         font-size: 18px;
         line-height: 24px;
     }
-
+    
 .userWidget{
     width: 332px;
     height: 208px;
@@ -602,18 +435,18 @@
         margin-left: 1.5%;
         float: left;
         text-align: center;
-
+    
         font-size: 12px;
         letter-spacing: 1px;
 }
     .userWidget .action a:first-child{
-        margin-left: 0;
+        margin-left: 0;        
     }
     .userWidget .details{
-        position: relative;
+        position: relative;        
     }
     .userWidget .details .userPic{
-        float: left;
+        float: left;    
         margin: 20px 0 0 20px;
         width: 120px;
         height: 120px;
@@ -625,11 +458,11 @@
 }
     .userWidget .details .userPic img{
         width: 120px;
-
+    
         background: #ccc;
 }
     .userWidget .details .userDetails{
-        margin-left: 174px;
+        margin-left: 174px;    
         min-height: 154px;
         padding-top: 14px;
 }
@@ -651,38 +484,38 @@
         font-size: 12px;
         letter-spacing: 1px;
         padding-top: 6px;
-
+    
         line-height: 20px;
 }
     .userWidget .details .userDetails .val{
         font-size: 18px;
         letter-spacing: 1px;
         line-height: 24px;
-
+    
         font-weight: bold;
 }
 
 /* hero area */
 #hero{
     min-height: 162px;
-    background: #eee;
+    background: #eee; 
 }
     #hero .track{
         text-align: center;
         font-size: 18px;
         color: #01a8e9;
-
+    
         margin-top: 0px;
         line-height: 20px;
 }
     #hero .track a{
-        color: #01a8e9;
-
+        color: #01a8e9;        
+    
         display: block;  height: 142px;  padding-top: 18px;
 }
     #hero .track a:hover{
-        text-decoration: underline;
-
+        text-decoration: underline;     
+    
         background: #f9f9f9;
 }
     #hero .trackSD a{
@@ -713,17 +546,17 @@
     padding: 22px 0 5px;
 }
     #hero .trackInfo{
-       height: 120px;
+       height: 120px; 
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,0.5);
        font-size: 14px;
-       color: #666;
+       color: #666;    
        position: relative;
 }
     #hero .trackInfo i{
        height: 89px;
        width: 89px;
-
+    
        position: absolute;
        left: 13px;
        top: 13px;
@@ -733,7 +566,7 @@
     }
     #hero .trackInfo h3{
        display: block;
-       color: #01a8e9;
+       color: #01a8e9;       
        padding: 16px 0 3px 118px;
     }
     #hero .trackInfo.trackSD h3{
@@ -744,7 +577,7 @@
     }
     #hero .trackInfo a{
        display: inline-block;
-
+    
        font-size: 12px;
 }
 /* lay Challenges */
@@ -753,7 +586,7 @@
 }
     .layChallenges  header{
         border-bottom: 1px solid #e7e7e7;
-
+    
         padding-bottom: 12px;
         position: relative;
         font-size: 16px;
@@ -761,7 +594,7 @@
     .layChallenges  header .rt{
         position: absolute;
         right: 0;
-
+    
         top: 4px;
 }
     .layChallenges  header .rt a{
@@ -769,32 +602,59 @@
         display: inline-block;
         float: left;
         margin-left: 20px;
-
+    
         line-height: 36px;
         -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
         border-top: 3px solid transparent;
-}
+}   
     .layChallenges  header .rt .calendarView:hover,
     .layChallenges  header .rt .gridView:hover,
     .layChallenges  header .rt .listView:hover{
         border-top: 3px solid #FF8A00;
     }
 
-    .layChallenges .views {
-      float: right;
-    }
+
     .layChallenges .views > a{
-      font-size: 11px;
-      line-height: 13px;
-      color: #A3A3AE;
+    display: inline-block;
+    height: 30px;
+    width: 30px;
+    background: url(@@cdn/i/ico-views.png) no-repeat;
+    background-position: 0 0;
+}
+    .layChallenges .views .gridView{
+        background-position: 0 -47px;
+    }
+    .layChallenges .views .listView{
+        background-position: 0 -147px;
     }
-    .layChallenges .views a + a {
-      margin-left: 10px;
+    .layChallenges .views .calendarView{
+        background-position: 0 -247px;
     }
-    .layChallenges .views a.isActive {
-      color: #000000;
+    
+    .layChallenges .views .gridView.isActive{
+        background-position: 0 3px;
+        cursor: default;
+    }
+    .layChallenges .views .gridView.isActive:hover{
+        border-top: 3px solid rgba(0, 0, 0, 0);
+    }
+    
+    .layChallenges .views .listView.isActive{
+        background-position: 0 -97px;
+        cursor: default;
+    }
+    .layChallenges .views .listView.isActive:hover{
+        border-top: 3px solid transparent;
     }
 
+    .layChallenges .views .calendarView.isActive{
+        background-position: 0 -197px;
+        cursor: default;
+    }
+    .layChallenges .views .calendarView.isActive:hover{
+        border-top: 3px solid transparent;
+    }
+    
 .layChallenges .actions{
     min-height: 25px;
     position: relative;
@@ -803,13 +663,13 @@
     z-index: 10;
 }
     .layChallenges .actions .rt{
-        float: right;
+        float: right;    
         margin-top: -25px;
         line-height: 24px;
 }
     .layChallenges .actions .lt{
         float: left;
-
+    
         line-height: 24px;
         margin-top: -25px;
         min-width: 118px;
@@ -820,28 +680,28 @@
         margin-right: 8px;
     }
     .layChallenges .challengeType{
-
+    
         width: 300px;
         margin: 0 auto;
 }
     .layChallenges .challengeType ul{
         overflow: hidden;
-
+    
         display: block;
         font-size: 16px;
         padding: 3px 0;
 }
     .layChallenges .challengeType ul > li{
-        float: left;
+        float: left;    
         border-left: 1px solid #D0D0D1;
-        height: 18px;
+        height: 16px;
         line-height: 18px;
 }
     .layChallenges .challengeType ul li:first-child{
         border-left: 0;
     }
     .layChallenges .challengeType ul .link{
-        margin: 0 10px;
+        margin: 0 10px;        
     }
     .layChallenges .challengeType ul .link.active,
     .layChallenges .challengeType ul .link.active:hover{
@@ -851,7 +711,7 @@
     .layChallenges .actions .searchLink{
         background: url(@@cdn/i/ico-zoom.png) 0 50% no-repeat;
         padding-left: 27px;
-
+    
         line-height: 22px;
         height: 22px;
         display: inline-block;
@@ -860,10 +720,10 @@
         display: inline-block;
         padding-right: 20px;
         position: relative;
-
+    
         margin-left: 4px;
 }
-
+    
     .layChallenges .actions .upDown i{
         position: absolute;
         right: 0;
@@ -871,11 +731,11 @@
         width: 13px;
         height: 24px;
         background: url(@@cdn/i/arrows-ud.png) no-repeat;
-        background-position: 0 8px;
+        background-position: 0 8px;       
     }
     .layChallenges .actions .on .upDown i{
         background-position: 100% -13px;
-        -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
+        -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;    
     }
     .lt .ddWrap{
          float: left;
@@ -888,7 +748,7 @@
     .ddWrap .list{
         border: 1px solid #ccc;
         border-top: none;
-
+    
         display: none;
         background: #fff;
 }
@@ -900,7 +760,7 @@
         border-top: 1px solid #ccc;
         padding: 0 5px;
         font-size: 12px;
-
+    
         line-height: 26px;
         text-align: left;
 }
@@ -908,39 +768,39 @@
     .ddWrap .list li.active{
         background: #f7f7f7;
     }
-/* dataChanges */
+/* dataChanges */    
 #mainContent .dataChanges{
     padding-top: 19px;
     font-size: 16px;
-
+    
     min-height: 20px;
     overflow: hidden;
 }
     #mainContent .dataChanges .lt{
-        float: left;
+        float: left;        
     }
     #mainContent .dataChanges .rt{
-        float: right;
-
+        float: right;        
+    
         text-align: right;
         overflow: hidden;
 }
     #mainContent .dataChanges .nextLink{
-        display: inline-block;
+        display: inline-block;   
         padding-right: 20px;
         position: relative;
         padding-left: 40px;
         float: left;
-}
+}   
     #mainContent .dataChanges .nextLink i{
         top: 4px;
     }
     #mainContent .dataChanges .prevLink{
-        display: inline-block;
+        display: inline-block;   
         padding-left: 20px;
         position: relative;
         float: left;
-}
+}   
     #mainContent .dataChanges .prevLink.hide{
         display: none;
     }
@@ -952,85 +812,76 @@
     width: 100%;
     font-size: 14px;
 }
-.dataTable .imp{
-    color: #f00;
-}
-.dataTable th,
-.dataTable td{
-    border-bottom: 1px solid #d4d4d4;
-}
-.dataTable th{
-    background-color: #fff;
-    color: #7F7F7F;
-    line-height: 37px;
-    vertical-align: middle;
-    text-align: left;
-    font-family: "Sofia Pro", Helvetica, Arial, sans-serif;
-    word-wrap: break-word;
-    text-transform: uppercase;
-    font-size: 10px;
-    font-weight: 400;
-}
-.dataTable th.colTime {
-  text-align: center;
-}
-.layChallenges .dataTable .colCh{
-    width: 308px;
-}
-.dataTable tbody .alt td{
-    background: #FCFCFC;
-}
-.dataTable td.colCh , .dataTable td.colTime, .dataTable td.colPur {
-    margin-right: 15px;
-    vertical-align: top;
-    padding-top: 15px;
-    padding-bottom: 15px;
-    text-align: left;
-}
-.dataTable td.colPur  {
-  padding-top: 30px;
-}
-.dataTable .colCh a{
-    color: #666;
-    line-height: 22px;
-    padding-left: 35px;
-    display: inline-block;
-    cursor: pointer;
-    position: relative;
-}
-.dataTable .colCh a i{
-    position: absolute;
-    top: 4px;
-    left: 14px;
-    width: 40px;
-    height: 75px;
-    transition-duration: 0.2s;
-    cursor: pointer;
-}
-.dataTable .track-develop .colCh a i {
-  background: url(@@cdn/i/ico-develop-challenge.svg) no-repeat;
-}
-.dataTable .track-design .colCh a i {
-  background: url(@@cdn/i/ico-design-challenge.svg) no-repeat;
-}
-.dataTable .colCh a span.track-symbol {
-    position: absolute;
-    left: -21px;
-    top: 45px;
-    z-index: 10;
-    color: white;
-    font-weight: bold;
-    width: 40px;
-    display: inline-block;
-    text-align: center;
-    font-size: 14px;
-    text-transform: uppercase;
-}
-.layChallenges .dataTable .colCh a span.track-symbol {
-    left: 12px;
+    .dataTable .imp{
+        color: #f00;
+    }
+    .dataTable th,
+    .dataTable td{
+        border: solid #e7e7e7;
+        border-width: 1px 0;
+    }
+    .dataTable th{
+        vertical-align: middle;
+        background: #f1f1f1;
+        font-weight: normal;
+        height: 42px;    
+        font-size: 14px;
+    }
+    .layChallenges .dataTable .colCh{
+        width: 308px;
+    }
+	
+	
+    .dataTable tbody .alt td{
+        background: #f7f7f7;
+    }
+	
+   .dataTable th.colCh{
+        text-align: left;
+        text-indent: 56px;
+        width: 308px
+    }
+        .dataTable .colCh div{
+            margin-right: 15px;
 }
+        .dataTable .colCh a{
+            color: #666;
+            line-height: 22px;
+			padding-left: 35px;
+            display: inline-block;
+        
+            cursor: pointer;
+            position: relative;
+}
+            .dataTable .colCh a i{
+                position: absolute;
+                top: 4px;
+                left: 14px;
+                background: url(@@cdn/i/ico-tracks.png) no-repeat;
+                background-position: 0 0;
+                background-color: #7ab800; 
+                width: 40px;
+                height: 36px;
+                transition-duration: 0.2s;
+                cursor: pointer;
+}
+        .dataTable .trackSD .colCh a i,
+        .dataTable .track-develop .colCh a i{
+            background-position: 0 0;
+            background-color: #7ab800; 
+        }
+        .dataTable .trackUX .colCh a i,
+        .dataTable .track-design .colCh a i{
+            background-position: 0 -50px;
+            background-color: #00add0; 
+        }
+        .dataTable .trackAn .colCh a i,
+        .dataTable .track-data .colCh a i{
+            background-position: 0 -100px;
+            background-color: #ffae00; 
+        }
         .dataTable .colCh a:hover{
-            color: #097DCE;
+            color: #FF8A00;
         }
         .dataTable .colCh a:hover i{
             box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
@@ -1038,8 +889,13 @@
     .dataTable .btn{
         width: 86px;
     }
-    .dataTable.challenges tbody tr{
-        height: 140px;
+    .dataTable tbody td{
+        height: 95px;
+        vertical-align: middle;
+    }
+    .dataTable tbody td{
+        height: 95px;
+        vertical-align: middle;
     }
 .dataTable th.colTime{
     width: 224px;
@@ -1047,10 +903,10 @@
 .dataTable tbody .colTime .row{
     overflow: hidden;
     line-height: 24px;
-    font-size: 12px;
+    font-size: 12px;    
 }
     .dataTable tbody .colTime .row .lbl{
-        float: left;
+        float: left; 
         width: 85px;
     }
     .dataTable tbody .colTime .row .val{
@@ -1062,7 +918,7 @@
 .dataTable th.colPur{
     width: 98px;
 }
-    .dataTable tbody .colTLeft,
+    .dataTable tbody .colTLeft, 
     .dataTable tbody .colPur,
     .dataTable tbody .colReg,
     .dataTable tbody .colSub{
@@ -1072,13 +928,9 @@
 
 .dataTable .colPur,
 .dataTable tbody .colPur{
-    text-align: left;
+    text-align: left;    
     text-indent: 20px;
-}
-.dataTable tfoot tr td {
-  border: none;
-  padding-top: 10px;
-}
+}    
 /* contest gird view */
 #tableView{
     padding-top: 15px;
@@ -1097,7 +949,7 @@
     .contestGrid .contest{
         display: inline-block;
         border: 1px solid #e7e7e7;
-
+    
         width: 298px;
         height: 228px;
         position: relative;
@@ -1107,19 +959,19 @@
     .contestGrid.alt .contest{
         width: 318px;
         margin: 15px 12px 16px 13px;
-    }
+    } 
     .contestGrid .cgCh{
         margin: 18px 0 14px;
     }
     .contestGrid .cgCh a{
         color: #666;
         position: relative;
-        padding: 0 0 0 54px;
+        padding: 0 0 0 54px;  
         display: block;
         height: 36px;
         max-width: 234px;
         line-height: 18px;
-        overflow: hidden;
+        overflow: hidden; 
 }
     .contestGrid .cgCh a:hover{
         color: #FF8A00;
@@ -1132,8 +984,8 @@
         background-position: 0 -50px;
         background-color: #00add0;
         width: 40px;
-        height: 36px;
-        -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;
+        height: 36px;        
+        -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;    
     }
     .contestGrid .trackSD .cgCh a i{
         background-position: 0 -50px;
@@ -1156,17 +1008,17 @@
         line-height: 24px;
     }
         .contestGrid .cgTime .lbl{
-            float: left;
+            float: left;            
         }
         .contestGrid .cgTime .val{
-            margin-left: 92px;
+            margin-left: 92px; 
         }
         .contestGrid.alt .cgTime .val{
-            margin-left: 104px;
-        }
+            margin-left: 104px; 
+        }		
     .contestGrid .genInfo{
         background: #f7f7f7;
-
+            
         position: absolute;
         bottom: 0;
         right: 0;
@@ -1180,16 +1032,16 @@
         width: 24.8%;
         text-align: center;
         font-size: 18px;
-        color: #00add0;
+        color: #00add0; 
         padding-top: 8px;
 }
-    contestGrid .trackSD .genInfo > p{
+    contestGrid .trackSD .genInfo > p{        
         color: #00add0;
     }
-    .contestGrid .trackUX .genInfo > p{
+    .contestGrid .trackUX .genInfo > p{        
         color: #7ab800;
     }
-    .contestGrid .trackAn .genInfo > p{
+    .contestGrid .trackAn .genInfo > p{        
         color: #ffae00;
     }
     .contestGrid .genInfo > p.imp{
@@ -1198,25 +1050,25 @@
     .contestGrid .genInfo > p i{
         display: block;
         height: 30px;
-        width: 30px;
+        width: 30px;        
         margin: 0 auto;
         background-image: url(@@cdn/i/ico-con.png);
-        background-repeat: no-repeat;
+        background-repeat: no-repeat;    
         margin-bottom: 9px;
 }
-    .contestGrid .trackSD .genInfo > p i{
+    .contestGrid .trackSD .genInfo > p i{        
         background-color: #00add0;
     }
-    .contestGrid .type-develop .genInfo > p i{
+    .contestGrid .type-develop .genInfo > p i{        
         background-color: #47a911;
     }
-    .contestGrid .trackUX .genInfo > p i{
+    .contestGrid .trackUX .genInfo > p i{        
         background-color: #7ab800;
     }
-    .contestGrid .trackAn .genInfo > p i{
+    .contestGrid .trackAn .genInfo > p i{         
         background-color: #ffae00;
     }
-    .contestGrid1 .contest .genInfo > p.imp i{
+    .contestGrid1 .contest .genInfo > p.imp i{        
         background-color: #f00;
     }
     .contestGrid .genInfo .cgTLeft i{
@@ -1231,7 +1083,7 @@
     .contestGrid .genInfo .cgSub i{
         background-position: 0 0;
     }
-
+    
 /* welcome Banner */
 .welcomeBanner{
     margin-top: 1px;
@@ -1240,13 +1092,13 @@
     font-size: 18px;
     line-height: 24px;
     background: #006eb0;
-    background: -moz-linear-gradient(left,  #006eb0 0%, #00d9fa 100%);
-    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006eb0), color-stop(100%,#00d9fa));
-    background: -webkit-linear-gradient(left,  #006eb0 0%,#00d9fa 100%);
-    background: -o-linear-gradient(left,  #006eb0 0%,#00d9fa 100%);
-    background: -ms-linear-gradient(left,  #006eb0 0%,#00d9fa 100%);
-    background: linear-gradient(to right,  #006eb0 0%,#00d9fa 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb0', endColorstr='#00d9fa',GradientType=1 );
+    background: -moz-linear-gradient(left,  #006eb0 0%, #00d9fa 100%); 
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006eb0), color-stop(100%,#00d9fa)); 
+    background: -webkit-linear-gradient(left,  #006eb0 0%,#00d9fa 100%); 
+    background: -o-linear-gradient(left,  #006eb0 0%,#00d9fa 100%); 
+    background: -ms-linear-gradient(left,  #006eb0 0%,#00d9fa 100%); 
+    background: linear-gradient(to right,  #006eb0 0%,#00d9fa 100%); 
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb0', endColorstr='#00d9fa',GradientType=1 ); 
 
 }
     .welcomeBanner p{
@@ -1265,7 +1117,7 @@
         height: 42px;
         width: 151px;
     }
-
+    
 /* splitLayout */
 #mainContent.splitLayout{
     background: none;
@@ -1287,7 +1139,7 @@
         height: 17px;
         width: 100%;
         background: url(@@cdn/i/shadow-small.png) 50% 0 no-repeat;
-
+    
         margin: 0;
 }
     .diagnostics > div{
@@ -1296,7 +1148,7 @@
         float: left;
         font-size: 10px;
         text-align: center;
-
+    
         background: url(@@cdn/i/ico-flags.png) no-repeat;
         background-position: 0 0;
         line-height: 14px;
@@ -1316,7 +1168,7 @@
         background-position: 0 -450px;
     }
     .diagnostics .val{
-        font-size: 12px;
+        font-size: 12px;    
         color: #fff;
         margin-top: 60px;
 }
@@ -1327,17 +1179,20 @@
         bottom: 0;
     }
 /* tops */
+.tops{
+    margin-top: 30px;
+    
+}
     .tops > nav{
         padding: 12px 0 10px;
-        font-weight: bold;
     }
     .tops h1{
         border-bottom: 1px solid #e7e7e7;
         padding-bottom: 13px;
-    }
+    }   
     .tops ul{
         overflow: hidden;
-
+    
         display: inline-block;
         font-size: 16px;
         padding: 3px 0;
@@ -1346,7 +1201,7 @@
         display: block;
 }
     .tops ul > li{
-        float: left;
+        float: left;    
         border-left: 1px solid #D0D0D1;
         height: 16px;
         line-height: 18px;
@@ -1355,7 +1210,7 @@
         border-left: 0;
     }
     .tops ul .link{
-        margin: 0 10px;
+        margin: 0 10px;        
     }
     .tops ul .link.active,
     .tops ul .link.active:hover{
@@ -1363,7 +1218,7 @@
         cursor: default;
     }
 .tops .topsTable{
-    font-size: 14px;
+    font-size: 12px;
 }
 .topsTable .colRank{
     width: 42px;
@@ -1372,20 +1227,16 @@
     font-size: 12px;
     padding-top: 13px;
     height: 28px;
-    text-align: center;
-    background: #f7f7f7;
-    color: #000;
-    text-transform: none;
 }
     .tops .topsTable td{
         text-align: center;
-
+    
         height: 32px;
 }
     .tops .views{
         text-align: right;
         font-size: 16px;
-
+    
         margin-top: 19px;
 }
 
@@ -1396,136 +1247,88 @@
 }
 /* starsOfMonth */
 .starsOfMonth{
-    background: #fff;
-    margin: -50px 60px 60px;
-    padding: 30px 0 36px 0;
-    border: none;
+    background: url(@@cdn/i/shadow.png) 50% 0 no-repeat;
+    border-top: 1px solid #dfe1e1;
+    padding-top: 19px;
+    margin: 18px 0 0;
 }
     .starsOfMonth h2{
-        color: #3d3d3d;
-        font-size: 28px;
-        line-height: 34px;
-        font-family: "Sofia Pro";
-        font-weight: bold;
-        text-align: center;
-        margin-bottom: 60px;
+        color: #2e3b19;
+        font-size: 24px;
+        line-height: 24px;
     }
     .starsOfMonth h2 small{
         display: block;
         font-size: 14px;
-
+    
         line-height: 18px;
 }
     .starsOfMonth .starProfiles{
         overflow: hidden;
-
-        margin: 0 90px;
+    
+        margin: 0 -12px;
 }
     .starsOfMonth .profile{
         border: 1px solid #dfe1e1;
-        width: 300px;
-        height: 368px;
+        padding: 18px;
+        width: 262px;
+    
         margin: 0 auto;
-        border-radius: 4px;
 }
-    .starsOfMonth .profileHeader {
-        height: 110px;
-        position: relative;
-        border-radius: 4px 4px 0 0;
-    }
-    .starsOfMonth .profileHeader i {
-        height: 26px;
-        width: 25px;
-        color: #f6f6f6;
-        position: absolute;
-        top: 20px;
-        right: 20px;
-    }
-    .starsOfMonth .profileHeader.profileUX {
-        background: #21B2F1;
-    }
-    .starsOfMonth .profileHeader.profileUX i {
-        background: url(@@cdn/i/ico-design-challenge.svg);
-
-        background-position: 73px 69px;
-    }
-    .starsOfMonth .profileHeader.profileSD {
-        background: #05C14F;
-    }
-    .starsOfMonth .profileHeader.profileSD i {
-        background: url(@@cdn/i/ico-develop-challenge.svg);
-
-        background-position: 73px 69px;
-    }
-    .starsOfMonth .profileHeader.profileAn {
-        background: #FC9A00
-    }
-    .starsOfMonth .profileHeader.profileAn i {
-        background: url(@@cdn/i/ico-data-challenge.svg);
-
-        background-position: 73px 69px;
+    .starsOfMonth .profileUX{
+        margin: 0;
     }
-    .starsOfMonth .memberPic {
-        position: relative;
-        top: -70px;
-        left: 80px;
-        margin-bottom: -70px;
-    }
-    .starsOfMonth .memberPic img {
-        height: 140px;
-        width: 140px;
-        border-radius: 50%;
-        vertical-align: middle;
+    .starsOfMonth .profileAn{
+        margin: 0 0 0 20px;
     }
     .starsOfMonth .profile .details{
         overflow: hidden;
     }
     .starsOfMonth .profile h3{
-        color: #01a8e9;
+        color: #01a8e9;    
         margin-bottom: 16px;
-}
+}   
     .starsOfMonth .profileUX h3{
-            color: #01a8e9;
+            color: #01a8e9;  
     }
     .starsOfMonth .profileSD h3{
-            color: #228400;
+            color: #228400;  
     }
     .starsOfMonth .profileAn h3{
-            color: #ff7400;
+            color: #ff7400;  
     }
-    .starsOfMonth .profile .details h3 {
-        font-size: 26px;
-        line-height: 32px;
-        color: #3d3d3d;
-        font-weight: 600;
+    .starsOfMonth .profile .memberPic{
+        float: left;
     }
     .starsOfMonth .profile .details .row{
-        margin: 10px auto 40px;
-        text-align: center;
+        margin: 5px 0 13px 150px;
+    
+}
+    .starsOfMonth .profile  label{
+        font-size: 12px;
     }
     .starsOfMonth .profile .wonPurse{
         line-height: 24px;
-        font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
     }
     .starsOfMonth .profile .inPurse{
         font-size: 18px;
-        font-weight: bold;
     }
     .starProfiles .grid-3-1{
+        float: left;    
         margin-top: 15px;
         overflow: hidden;
-}
+} 
     .starProfiles .gird-rt .profile{
        float: right;
 }
     .starProfiles .gird-mid .profile{
        margin: 0 auto;
 }
+
 /* whatsHappening */
 #whatsHappening{
-    background: #fff;
-    margin: -30px 60px 60px;
-    padding: 30px 0 36px 0;
+    background: #d2d2d2;
+    padding: 30px 0 36px 0; 
 }
     #whatsHappening .inner{
         margin: 0 -12px;
@@ -1534,16 +1337,13 @@
         width: 100%;
     }
     #whatsHappening h2{
-        font-size: 22px;
-        line-height: 28px;
-        color: #a3a3ae;
-        text-align: center;
+        font-size: 24px;
         margin-bottom: 22px;
     }
     #whatsHappening .featuredImg{
         width: 100%;
         height: 180px;
-
+    
         margin-bottom: 26px;
 }
     #whatsHappening .featuredImg img{
@@ -1554,25 +1354,17 @@
     }
     #whatsHappening .slide .title{
         font-weight: bold;
-        font-size: 18px;
-        font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
-        color: #3d3d3d;
-        line-height: 22px;
+        font-size: 14px;
+    
+        line-height: 24px;
         height: 50px;
         overflow: hidden;
 }
     #whatsHappening .slide .postedBy{
-        line-height: 30px;
+        line-height: 30px;        
     }
     #whatsHappening .slide .excerpt{
-        line-height: 22px;
-        font-size: 13px;
-        color: #3d3d3d;
-        font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
-    }
-    #whatsHappening .slide .excerpt a.more {
-        display: inline-block;
-        margin-top: 20px;
+        line-height: 18px;        
     }
     #whatsHappening .grid-3-1 > section{
         width: 301px;
@@ -1580,12 +1372,12 @@
     #whatsHappening .grid-rt > section{
         float: right;
     }
-    #whatsHappening .grid-mid > section{
+    #whatsHappening .grid-mid > section{        
         margin: 0 auto;
     }
     #whatsHappening .slider .bx-controls{
         text-align: center;
-
+    
         margin-top: 30px;
 }
     #whatsHappening .slider .bx-pager{
@@ -1595,7 +1387,7 @@
         display: inline;
         text-align: center;
         overflow: hidden;
-
+    
         max-width: 21px;
         vertical-align: top;
         height: 11px;
@@ -1609,12 +1401,12 @@
             height: 11px;
             margin: 0 5px;
             -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;
-
+        
             overflow: hidden;
 }
     #whatsHappening .slider .bx-controls .bx-pager-item a.active,
     #whatsHappening .slider .bx-controls .bx-pager-item a:hover{
-        background-position: 0 -20px;
+        background-position: 0 -20px;        
     }
 /* device specific */
 .onMobi{
@@ -1672,7 +1464,7 @@
 		float: left;
 	}
 .csRealResults {
-	padding: 7px 0 8px 0;
+	padding: 7px 0 8px 0;	
 	margin: 0 -12px;
 	overflow: hidden;
 }
@@ -1683,10 +1475,10 @@
 	}
 	.csRealResults .realResult{
 		border: 1px solid #dfe1e1;
-		padding: 20px;
+		padding: 20px;	
 	}
 	.csRealResults .csLogo{
-		margin-bottom: 20px;
+		margin-bottom: 20px;	
 	}
 	.csRealResults .quoterName{
 		padding-bottom: 0;
@@ -1697,9 +1489,9 @@
 		padding-bottom: 0;
 		font-weight: normal;
 	}
-/*Right side: Find Related Content*/
+/*Right side: Find Related Content*/	
 .sideFindRelatedContent{
-	margin-bottom: 20px;
+	margin-bottom: 20px;	
 }
 .sideFindRelatedContent h3{
 	padding: 0 15px;
@@ -1756,8 +1548,8 @@
 			width: 55px;
 			max-height: 55px;
 			max-width: 55px;
-			position: absolute;
-			top: 0;
+			position: absolute; 
+			top: 0; 
 			left: 0;
 			cursor: pointer;
 		}
@@ -1783,7 +1575,7 @@
 			color: #828282;
 			font-weight: 300;
         }
-/*Right side: sideQuote*/
+/*Right side: sideQuote*/	
 .sideQuote{
 	margin-bottom: 20px;
 	padding: 18px 0 16px 50px;
@@ -1799,7 +1591,7 @@
 	font-size: 14px;
 	color: #0071bc;
 }
-/*Right side: Most Recent Challenges*/
+/*Right side: Most Recent Challenges*/	
 .sideMostRecentChallenges h3{
 	background-color: #f1f1f1;
 	line-height: 42px;
@@ -1859,7 +1651,7 @@
 		background-position: 0 -120px;
 		background-color: #ffae00;
 	}
-
+	
 /*Case Studies Page*/
 #mainContent.casePage{
     background: none;
@@ -1878,7 +1670,7 @@
 		position: relative;
 		-moz-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;
 	}
-
+	
 		.casesView .caseGrid a.jsShowCaseDetails > img{
 			display: block;
 			width: 230px;
@@ -1887,17 +1679,17 @@
 			-moz-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;
 		}
 		.casesView .caseGrid a.jsShowCaseDetails:hover > img{
-			-webkit-transform: rotate(10deg) scale(1.1,1.1);     /* for Chrome || Safari */
-            -moz-transform: rotate(10deg) scale(1.1,1.1);        /* for Firefox */
-            -ms-transform: rotate(10deg) scale(1.1,1.1);         /* for IE 缩放0.5 */
-            -o-transform:  rotate(10deg) scale(1.1,1.1);          /* for Opera */
+			-webkit-transform: rotate(10deg) scale(1.1,1.1);     /* for Chrome || Safari */  
+            -moz-transform: rotate(10deg) scale(1.1,1.1);        /* for Firefox */  
+            -ms-transform: rotate(10deg) scale(1.1,1.1);         /* for IE 缩放0.5 */  
+            -o-transform:  rotate(10deg) scale(1.1,1.1);          /* for Opera */  
 			transform: rotate(10deg) scale(1.1,1.1);
 		}
 		.casesView .caseGrid a.isShow:hover > img{
-			-webkit-transform: none;									/* for Chrome || Safari */
-            -moz-transform: none;										/* for Firefox */
-            -ms-transform: none;										/* for IE 缩放0.5 */
-            -o-transform: none;											/* for Opera */
+			-webkit-transform: none;									/* for Chrome || Safari */  
+            -moz-transform: none;										/* for Firefox */  
+            -ms-transform: none;										/* for IE 缩放0.5 */  
+            -o-transform: none;											/* for Opera */  
 		}
 		.casesView .caseGrid a.jsShowCaseDetails > i{
 			display: none;
@@ -1913,7 +1705,7 @@
 		}
 		.casesView .caseGrid a.isShow > i{
 			display: block;
-			cursor: default;
+			cursor: default;	
 		}
 .casesView .caseGridRowLast{
 	margin-right: 0;
@@ -1962,10 +1754,10 @@
 			background-position: 0 -30px;
 		}
 .casePage .caseBriefWrapper{
-	padding: 0 0 50px 0;
+	padding: 0 0 50px 0;	
 }
 	.casePage .caseBriefWrapper .caseTitle {
-		padding: 33px 0 23px 0;
+		padding: 33px 0 23px 0;	
 	}
 		.casePage .caseBriefWrapper  .caseTitle h3{
 			padding: 0 0 5px 0;
@@ -1986,7 +1778,7 @@
 		.casePage .caseBriefWrapper .quoteTxt{
 			background: url(@@cdn/i/quote-mark-trans.png) 0 0 no-repeat;
 			color: #ffffff;
-			padding: 9px 0 9px 50px
+			padding: 9px 0 9px 50px 
 		}
 		.casePage .caseBriefWrapper .quoterName{
 			padding-left: 50px;
@@ -2031,7 +1823,7 @@
 		width: 100px;
 	}
 	#mainContent.casePage .dataChanges .rt{
-		margin-top: 8px;
+		margin-top: 8px;	
 	}
 
 /*Case Details Page*/
@@ -2041,7 +1833,7 @@
 }
 	.casePage .caseTitle img{
 		display: block;
-		margin: 0 auto;
+		margin: 0 auto;		
 	}
 	.casePage .caseTitle h3{
 		display: block;
@@ -2053,12 +1845,12 @@
 	}
 	.casePage .caseTitle p{
 		display: block;
-		margin: 0 auto;
+		margin: 0 auto;	
 		line-height: 24px;
-		font-size: 20px;
+		font-size: 20px;	
 	}
 .casePage .caseBanner{
-	margin-bottom: 33px;
+	margin-bottom: 33px;	
 }
 	.casePage .caseBanner img.dCaseBanner{
 		display: block;
@@ -2071,16 +1863,16 @@
 		font-size: 22px;
 		line-height: 26px;
 		padding: 6px 0 25px 0;
-
+		
 	}
 	.casePage .caseDetails article p{
 		line-height: 24px;
 		padding: 0 30px 24px 0;
 		font-size: 14px;
 		font-weight: 300;
-
+		
 	}
-/*Right side: Case Quote*/
+/*Right side: Case Quote*/	
 .caseQuote{
 	margin-bottom: 20px;
 	padding-bottom: 11px;
@@ -2104,18 +1896,18 @@
 		line-height: 17px;
 		font-size: 14px;
 		font-weight: 300;
-		text-indent: 2px;
+		text-indent: 2px;	
 	}
-/*Right side: Case Video*/
+/*Right side: Case Video*/	
 .caseVideo .placeholderImg{
-	display: block;
+	display: block;	
 }
 /*Press Release Page*/
 #mainContent.pressReleasePage{
 	padding-bottom: 0;
 }
 .pressTitleWrapper{
-	text-align: center;
+	text-align: center;	
 	padding: 0 200px 33px 200px;
 	border-bottom: 1px solid #d0d0d0;
 	margin-bottom: 42px;
@@ -2150,7 +1942,7 @@
 .pressAside {
 	font-size: 18px;
 	line-height: 28px;
-
+	
 }
 .aboutAreaWrapper{
 	background: #02a4f0 url(@@cdn/i/about-shadow.png) center 0 no-repeat;
@@ -2214,10 +2006,10 @@
 		cursor: pointer;
 	}
 	.resourceList li .contentBrief{
-		font-weight: 300;
+		font-weight: 300;	
 	}
 	.showMoreResourceWrapper{
-		display: none;
+		display: none;	
 	}
 /*Story Page*/
 #mainContent.storyPage{
@@ -2225,7 +2017,7 @@
 	padding: 0 0 46px 0;
 }
 .storiesList li.grid-3-1{
-	float: left;
+	float: left;	
 }
 	.storiesList li.grid-3-1 .storySpoker{
 		line-height: 34px;
@@ -2264,7 +2056,7 @@
 	}
 .leftArrowLink{
 	position: relative;
-	display: inline-block;
+	display: inline-block;   
 	padding-right: 20px;
 	position: relative;
 	font-weight: 300;
@@ -2283,7 +2075,7 @@
 	}
 .leftArrowLink:hover{
    color: #FF8A00;
-   cursor: pointer;
+   cursor: pointer; 
    text-shadow: 0 0 3px #ffdaa2;
 }
 	.leftArrowLink:hover i{
@@ -2295,7 +2087,7 @@
 	text-align: center;
 	padding: 5px 0 23px 0;
 	border-bottom: 1px solid #d0d0d0;
-	margin-bottom: 24px;
+	margin-bottom: 24px;	
 }
 	.storyDetailsWrapper .storyTitle .author{
 		line-height: 24px;
@@ -2306,7 +2098,7 @@
 		padding-bottom: 14px;
 		color: #b2b2b2;
 		font-size: 14px;
-		font-weight: 300;
+		font-weight: 300;	
 	}
 	.storyDetailsWrapper .storyTitle h3{
 		line-height: 36px;
@@ -2314,7 +2106,7 @@
 		color: #0071bc;
 	}
 .storyDetails article{
-	overflow: hidden;
+	overflow: hidden;	
 }
 	.storyDetails article p{
 		line-height: 24px;
@@ -2332,7 +2124,7 @@
 	}
 		.storyDetails article .sideImage img{
 			display: block;
-			max-width: 417px;
+			max-width: 417px;		
 		}
 		.storyDetails article .sideImage p{
 			line-height: 17px;
@@ -2340,13 +2132,13 @@
 			margin: 10px 0 0 0;
 			border-top: 1px solid #e1e3e3;
 			border-bottom: 1px solid #e1e3e3;
-			color: #858585;
+			color: #858585;	
 		}
 	.storyDetails article .storyPic{
 		display: block;
 		margin: 2px 0 27px 0;
 	}
-/*Right side: Search Stories*/
+/*Right side: Search Stories*/	
 .sideSearchStories{
 	margin-bottom: 27px;
 	margin-top: 6px;
@@ -2385,7 +2177,7 @@
 			width: 65px;
 			vertical-align: top;
 		}
-/*Right side: Story Archive*/
+/*Right side: Story Archive*/	
 .sideArchiveStories h3{
 	background-color: #f1f1f1;
 	line-height: 42px;
@@ -2449,7 +2241,7 @@
 		line-height: 16px;
 		font-size:12px;
 		font-weight: 300;
-
+		
 	}
 	.sideArchiveStories li .archiveStoriesLink:hover img{
 		box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
@@ -2463,7 +2255,7 @@
 	}
 .sideArchiveStories .showMoreWrapper{
 	padding-top: 10px;
-	text-align: center;
+	text-align: center;	
 }
 	.sideArchiveStories .showMoreWrapper .btn{
 		width: 100px;
@@ -2612,7 +2404,7 @@
 }
 
 /**
- * Start of New Home Page additional styles
+ * Start of New Home Page additional styles 
  */
 #promo-banner {
 	background: #f1f1f1;
@@ -2648,7 +2440,7 @@
 			#promo-banner .bx-pager-item a.active {
 				background-position: 0 100%;
 			}
-
+			
 #featuredContent.home {
 	margin-top: 32px;
 	padding-bottom: 20px;
@@ -2658,7 +2450,7 @@
 		height: 100%;
 		overflow: hidden;
 	}
-
+	
 	#featuredContent.home h3 {
 		font-size: 27px !important;
 		line-height: normal !important;
@@ -2682,7 +2474,7 @@
 		margin-left: 0;
 		width: 50%;
 	}
-
+	
 .lead {
 	font-size: 24px;
 	line-height: 1.5;
@@ -2694,7 +2486,7 @@
 	.lead small {
 		font-size: smaller;
 	}
-
+	
 h2.title {
 	font-size: 42px;
 	margin: 10px 0;
@@ -2729,7 +2521,7 @@ h4.title {
 	color: #333;
 	margin: 10px 0;
 }
-
+	
 .grid-row {
 	margin: 0 -15px;
 }
@@ -2743,7 +2535,7 @@ h4.title {
 hr.light {
 	background: #e9e9e9;
 	border: none;
-	height: 1px;
+	height: 1px;	
 	margin: 20px 0;
 }
 
@@ -2752,7 +2544,7 @@ hr.light {
 		background: url(@@cdn/i/chevron-right-design.png) 100% 50% no-repeat;
 		padding-right: 18px;
 	}
-
+	
 .text-development { color: #278904 !important; }
 	.text-development.chevron-right {
 		background: url(@@cdn/i/chevron-right-development.png) 100% 50% no-repeat;
@@ -2896,68 +2688,3 @@ hr.light {
     font-weight: bold;
     background-color: #f1f1f1;
 }
-/* Stylish Start */
-.community body {
-    font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif;
-    font-size: 14px;
-    line-height: 22px;
-    color: #333;
-    background-color: #f6f6f6;
-}
-.community .sideStream h1,
-.community header h1 {
-    font-size: 28px;
-    color: #3D3D3D;
-    font-weight: 600;
-    text-transform: uppercase;
-    text-align: center;
-    border: none;
-}
-.community p {
-    font-weight: 300;
-    font-size: 14px;
-    line-height: 24px;
-    color: #3d3d3d;
-    padding-bottom: 24px;
-    margin: 0;
-}
-.community #main,
-.community #wrapper > .content {
-    background: #F6F6F6;
-    position: relative;
-    z-index: 5;
-}
-.community #mainContent.splitLayout {
-    padding: 90px 60px;
-    margin: 60px;
-    background: #fff;
-}
-.community #mainContent .container {
-    padding: 0;
-    margin: 0;
-    width: 100%;
-}
-.community #main {
-    background: #F6F6F6;
-}
-.community a,
-.community a:active,
-.community a:visited {
-    text-decoration: none;
-    -moz-transition-duration: .3s;
-    -webkit-transition-duration: .3s;
-    transition: .2s all ease-in-out;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    outline: 0;
-}
-.community .coderTextRed,
-.community .coderTextYellow,
-.community .coderTextRed:active,
-.community .coderTextRed:hover,
-.community .coderTextRed:link,
-.community .coderTextRed:visited {
-    padding: 0 13px 0 0;
-    margin: 0;
-    position: relative;
-}
-/* Stylish End */
diff --git a/src/js/app/challenge-details/index.html b/src/js/app/challenge-details/index.html
index 2c134e5c..037d008b 100644
--- a/src/js/app/challenge-details/index.html
+++ b/src/js/app/challenge-details/index.html
@@ -3,343 +3,10 @@
 
 <div id="cdNgMain" ng-init="CD.callComplete=false" ng-show="CD.callComplete" class="hide content challenge-detail view-challenge-result {{CD.challengeType != 'design' ? 'develop' : ''}}">
 <div id="main">
-  <div ng-include src="getTemplateURL('ng-content-basic-challenge-details.tpl.html')" class="header-container"></div>
+  <div ng-include src="getTemplateURL('ng-content-basic-challenge-details.tpl.html')"></div>
 
   <article id="mainContent" class="splitLayout">
     <div class="container">
-      <div id="stepBox">
-        <div class="container rightSplit  grid-3-3">
-
-          <div class="leftColumn">
-            <a ng-show="!CD.isDesign" ng-click="CD.registerToChallenge()" ng-class="{disabled:CD.challenge.registrationDisabled || !CD.callComplete, disabledNOT:!CD.challenge.registrationDisabled}" class="btn btnAction challengeRegisterBtn" href="javascript:;">
-                <span>1</span><strong>Register For This Challenge</strong>
-            </a>
-            <a ng-show="!CD.isDesign" ng-class="{disabled:CD.challenge.submissionDisabled || !CD.callComplete, disabledNOT:!CD.challenge.submissionDisabled}" class="btn btnAction" target="_blank"
-              ng-href="/challenge-details/{{CD.challenge.challengeId}}/submit/?type=develop">
-                <span>2</span><strong>Submit Your Entries</strong>
-            </a>
-            <a ng-show="CD.isDesign" ng-click="CD.registerToChallenge()" ng-class="{disabled:CD.challenge.registrationDisabled || !CD.callComplete, disabledNOT:!CD.challenge.registrationDisabled}" class="btn btnAction challengeRegisterBtn" href="javascript:;">
-                <span>1</span> <strong>Register For This Challenge</strong>
-            </a>
-            <a ng-show="CD.isDesign" ng-class="{disabled:CD.challenge.submissionDisabled || !CD.callComplete, disabledNOT:!CD.challenge.submissionDisabled}" class="btn btnAction" target="_blank"
-               ng-href="//studio.topcoder.com/?module=ViewRegistration&ct={{CD.challenge.challengeId}}">
-                <span>2</span> <strong>Submit Your Entries</strong>
-            </a>
-            <a ng-show="CD.isDesign" ng-class="{disabled:CD.challenge.submissionDisabled || !CD.callComplete, disabledNOT:!CD.challenge.submissionDisabled}" class="btn btnAction" target="_blank"
-               href="//studio.topcoder.com/?module=ViewSubmission&ct={{CD.challenge.challengeId}}">
-                <span>3</span> <strong>View Your Submission</strong>
-            </a>
-            <a ng-show="!CD.isDesign && CD.isPeerReviewed" ng-class="{disabled:CD.challenge.peerReviewDisabled || !CD.callComplete, disabledNOT:!CD.challenge.peerReviewDisabled}" class="btn btnAction" ng-href="/reviews/index.html#/challenge/{{CD.challenge.challengeId}}" target="_blank">
-                <span>3</span><strong>Review This Challenge</strong>
-            </a>
-          </div>
-
-          <div class="middleColumn member-program-path" ng-show="CD.isPeerReviewed && CD.phaseProgram">
-            <div ng-include src="getTemplateURL('ng-content-challenge-topsection.tpl.html')"></div>
-          </div>
-          <div class="middleColumn {{CD.isDesign ? 'studio' : ''}}" ng-show="!CD.isPeerReviewed">
-            <table class="prizeTable">
-              <tbody>
-
-                <tr>
-                  <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
-                    <h2>1st PLACE</h2>
-
-                    <h3>
-                      <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[0] ? CD.challenge.prize[0] : '') : ''"></span>
-                    </h3>
-                  </td>
-                  <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
-                    <h2>2nd PLACE</h2>
-                    <h3>
-                      <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[1] ? CD.challenge.prize[1] : '0') : ''"></span>
-                    </h3>
-                  </td>
-                  <td ng-if="(designOrCode = CD.isDesign || CD.challenge.challengeType == 'Code')" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[0]) ? 'noPrize' : ''}}">
-                    <h2>1st PLACE</h2>
-
-                    <h3>
-                      <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[0]) || 0"></span></h3>
-                  </td>
-                  <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[1]) ? 'noPrize' : ''}}">
-                    <h2>2nd PLACE</h2>
-
-                    <h3>
-                      <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[1]) || 0"></span></h3>
-                  </td>
-                  <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[2]) ? 'noPrize' : ''}}">
-                    <h2>3rd PLACE</h2>
-
-                    <h3>
-                      <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[2]) || 0"></span></h3>
-                  </td>
-                  <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[3]) ? 'noPrize' : ''}}">
-                    <h2>4th PLACE</h2>
-
-                    <h3>
-                      <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[3]) || 0"></span></h3>
-                  </td>
-                  <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[4]) ? 'noPrize' : ''}}">
-                    <h2>5th PLACE</h2>
-
-                    <h3>
-                      <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[4]) || 0"></span></h3>
-                  </td>
-                  <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length > 5)" class="morePayments active closed" rowspan="2">
-                  </td>
-                  <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length <= 5)" class="morePayments inactive" rowspan="2">
-                  </td>
-                </tr>
-                <tr ng-if="CD.challenge.prize  && CD.challenge.prize.length > 5 && (currentPlace = 6)" class="additionalPrizes hide" ng-repeat="i in range(0, (CD.challenge.prize.length - 5) / 5)">
-                  <td class="twenty" ng-if="CD.challenge.prize.length > 5 + i * 5" ng-repeat="j in range(i * 5, max((i + 1) * 5), CD.challenge.prize.length)">
-                    <h2 ng-bind-template="{{j + 1}}'th PLACE'"></h2>
-                    <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>
-                  </td>
-                </tr>
-                <tr><!-- Bugfix: Added noPrize class when challenge has no reliability bonus -->
-                  <td ng-if="!CD.isDesign" colspan="5" class="{{ (!CD.challenge.reliabilityBonus || CD.challenge.challengeType === 'Bug Hunt') ? 'noPrize' : ''}}">
-                    <p class="realibilityPara">
-                      Reliability Bonus
-                      <span ng-if="CD.reliabilityBonus && CD.challenge.challengeType !== 'Bug Hunt'" ng-bind-template="${{CD.challenge.reliabilityBonus}}">
-                      </span>
-                      <span ng-if="!(CD.reliabilityBonus) || CD.challenge.challengeType === 'Bug Hunt'">
-                        N/A
-                      </span>
-                    </p>
-                  </td>
-                  </td>
-                  <td ng-if="CD.isDesign" colspan="5">
-                    <p class="scPoints" ng-if="CD.challenge.numberOfCheckpointsPrizes > 0"><span ng-bind="CD.challenge.numberOfCheckpointsPrizes"></span> CHECKPOINT AWARDS WORTH <span ng-bind-template="${{CD.challenge.topCheckPointPrize}}"></span>
-                      EACH</p>
-                    <p class="scPoints" ng-if="CD.challenge.numberOfCheckpointsPrizes == 0">NO CHECKPOINT AWARDS</p>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          <!-- TODO: not sure why this code is repeated -- probably get rid of it (or make sure my fix of it is correct) -->
-          <div class="prizeSlider hide">
-            <ul>
-              <li class="slide">
-                <table>
-                  <tbody>
-                    <tr>
-                      <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
-                        <h2>1st PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[0] ? CD.challenge.prize[0] : '') : ''"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
-                        <h2>2nd PLACE</h2>
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[1] ? CD.challenge.prize[1] : '0') : ''"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="(designOrCode = CD.isDesign || CD.challenge.challengeType == 'Code') && (CD.challenge.prize && CD.challenge.prize[0])" class="twenty">
-                        <h2>1st PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize[0]"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[0])" class="twenty noPrize">
-                        <h2>1st PLACE</h2>
-
-                        <h3>
-                          <small>$</small>0
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[1])" class="twenty">
-                        <h2>2nd PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize[1]"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[1])" class="twenty noPrize">
-                        <h2>2nd PLACE</h2>
-
-                        <h3>
-                          <small>$</small>0
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[2])" class="twenty">
-                        <h2>3rd PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize[2]"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[2])" class="twenty noPrize">
-                        <h2>3rd PLACE</h2>
-
-                        <h3>
-                          <small>$</small>0
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[3])" class="twenty">
-                        <h2>4th PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize[3]"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[3])" class="twenty noPrize">
-                        <h2>4th PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize[3]"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[4])" class="twenty">
-                        <h2>5th PLACE</h2>
-
-                        <h3>
-                          <small>$</small><span ng-bind="CD.challenge.prize[4]"></span>
-                        </h3>
-                      </td>
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[5])" class="twenty noPrize">
-                        <h2>5th PLACE</h2>
-
-                        <h3>
-                          <small>$</small>0
-                        </h3>
-                      </td>
-                      <!-- previously used rowspan logic might be needed: {{2 + ((CD.challenge.prize.length - 5) / 5)}} -->
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length > 5)" class="morePayments active closed" rowspan="2">
-                      </td>
-                      <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length <= 5)" class="morePayments inactive" rowspan="2">
-                      </td>
-                    </tr>
-                    <tr ng-if="CD.challenge.prize  && CD.challenge.prize.length > 5 && (currentPlace = 6)" class="additionalPrizes hide" ng-repeat="i in range(0, (CD.challenge.prize.length - 5) / 5)">
-                      <td class="twenty" ng-if="CD.challenge.prize.length > 5 + i * 5" ng-repeat="j in range(i * 5, max((i + 1) * 5), CD.challenge.prize.length)">
-                        <h2 ng-bind-template="{{j + 1}}'th PLACE'"></h2>
-                        <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td ng-if="!CD.isDesign" colspan="5">
-                        <p class="realibilityPara">
-                          Reliability Bonus
-                          <span ng-if="CD.reliabilityBonus && CD.reliabilityBonus.length > 0">
-                            {{CD.challenge.reliabilityBonus}}
-                          </span>
-                          <span ng-if="!(CD.reliabilityBonus && CD.reliabilityBonus.length > 0)">
-                            N/A
-                          </span>
-                        </p>
-                      </td>
-                      </td>
-                      <td ng-if="CD.isDesign" colspan="5">
-                        <p class="scPoints"><span ng-bind="CD.challenge.numberOfCheckpointsPrizes"></span> CHECKPOINT AWARDS WORTH $<span ng-bind="CD.challenge.topCheckPointPrize"></span>
-                          EACH</p>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </li>
-            </ul>
-
-          </div>
-
-        </div>
-        <div class="rightColumn">
-
-          <div class="nextBox" ng-init="toggleAllNext = true;">
-
-            <div class="nextBoxContent nextDeadlineNextBoxContent"  ng-show="toggleAllNext">
-              <div class="icoTime">
-                <span class="nextDTitle">Current Phase</span>
-                <!-- Bugfix I-106745: if current status of contest is not Active, output current contest status, else output current contest phase if active. -->
-                <span
-                  class="CEDate" ng-bind="CD.challenge.currentStatus.indexOf('Active') < 0 ? CD.challenge.currentStatus : CD.challenge.currentPhaseName"></span>
-              </div>
-              <!-- Bugfix I-106745: Added check for cancelled contest before display of current phase remaining time -->
-              <span ng-if="CD.challenge.currentStatus != 'Completed' && CD.challenge.currentStatus != 'Deleted' && CD.challenge.currentStatus.indexOf('Cancelled') < 0 && CD.challenge.currentPhaseRemainingTime > 0" class="timeLeft">
-                <span ng-bind="CD.challenge.currentPhaseRemainingTime | daysLeft"></span>
-                <small><ng-pluralize count="CD.challenge.currentPhaseRemainingTime | daysLeft" when="{'1': 'Day', 'other': 'Days'}"/></small>
-                <span ng-bind="CD.challenge.currentPhaseRemainingTime | hoursLeft"></span>
-                <small><ng-pluralize count="CD.challenge.currentPhaseRemainingTime | hoursLeft" when="{'1': 'Hour', 'other': 'Hours'}"/></small>
-                <span ng-bind="CD.challenge.currentPhaseRemainingTime | minsLeft"></span>
-                <small><ng-pluralize count="CD.challenge.currentPhaseRemainingTime | minsLeft" when="{'1': 'Min', 'other': 'Mins'}"/></small>
-              </span>
-            </div>
-            <!--End nextBoxContent-->
-            <div ng-if="!CD.isDesign" class="nextBoxContent allDeadlineNextBoxContent ng-hide" ng-show="!toggleAllNext">
-              <p><label>Start Date:</label>
-                <span>
-                 {{CD.challenge.postingDate | formatDate:2}}
-                </span>
-              </p>
-              <p><label>Register By:</label>
-               <span>
-                 {{CD.challenge.registrationEndDate | formatDate:2}}
-               </span>
-              </p>
-              <p class="{{CD.challenge.finalFixEndDate ? '' : 'last'"><label>Submit By:</label>
-                <span>
-                  {{CD.challenge.submissionEndDate | formatDate:2}}
-                </span>
-              </p>
-              <p ng-show="CD.inReview && CD.isPeerReviewed">
-                <label>Review By:</label>
-                <span>
-                  {{CD.challenge.currentPhaseEndDate | formatDate:2}}
-                </span>
-              </p>
-
-              <p ng-if="CD.challenge.finalFixEndDate" class="{{CD.challenge.finalFixEndDate ? 'last' : ''"><label>Final Submission:</label>
-                <span>
-                  {{CD.challenge.finalFixEndDate | formatDate:2}}
-                </span>
-              </p>
-
-            </div>
-            <!--End nextBoxContent-->
-            <div ng-if="CD.isDesign" class="nextBoxContent allDeadlineNextBoxContent studio ng-hide" ng-show="!toggleAllNext">
-              <p><label>Start Date:</label>
-                <span>
-                  {{CD.challenge.postingDate | formatDate:2}}
-                </span>
-              </p>
-              <p ng-if="CD.challenge.checkpointSubmissionEndDate != ''"><label>Checkpoint:</label>
-                <span>
-                  {{CD.challenge.checkpointSubmissionEndDate | formatDate:2}}
-                </span>
-              </p>
-
-              <p><label>End Date:</label>
-                <span>
-                  {{CD.challenge.submissionEndDate | formatDate:2}}
-                </span>
-              </p>
-
-              <p class="last"><label>Winners Announced:</label>
-                <span>
-                  {{CD.challenge.appealsEndDate  | formatDate:2}}
-                </span>
-              </p>
-            </div>
-            <!--End nextBoxContent-->
-          </div>
-
-          <!--End nextBox-->
-          <div class="deadlineBox">
-
-            <div class="deadlineBoxContent nextDeadlinedeadlineBoxContent" ng-show="toggleAllNext">
-              <a class="viewAllDeadLineBtn" ng-click="toggleAllNext = !toggleAllNext">View all deadlines +</a>
-            </div>
-            <!--End deadlineBoxContent-->
-            <div class="deadlineBoxContent allDeadlinedeadlineBoxContent ng-hide" ng-show="!toggleAllNext">
-              <a class="viewNextDeadLineBtn" ng-click="toggleAllNext = !toggleAllNext">View next deadline +</a>
-            </div>
-            <!--End deadlineBoxContent-->
-          </div>
-          <!--End deadlineBox-->
-        </div>
-        </div>
-      </div><!-- Step Box end -->
       <div class="rightSplit  grid-3-3">
         <div class="mainStream partialList">
 
@@ -385,12 +52,12 @@ <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>
 
         <div ng-if="!CD.isDesign" id="contest-overview" class="tableWrap {{CD.activeTab != 'details' ? 'hide' : ''}} tab">
           <article ng-if="!CD.isDesign" id="contestOverview">
-            <h2>Challenge Overview</h2>
+            <h1>Challenge Overview</h1>
 
             <p ng-bind-html="CD.challenge.detailedRequirements | trust"></p>
 
             <article id="platforms">
-              <h2>Platforms</h2>
+              <h1>Platforms</h1>
               <ul>
                 <li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
                   <strong ng-bind="platform"></strong>
@@ -402,7 +69,7 @@ <h2>Platforms</h2>
             </article>
 
             <article id="technologies">
-              <h2>Technologies</h2>
+              <h1>Technologies</h1>
               <div class="technologyTags">
                 <ul>
                   <li ng-if="CD.challenge.technology && CD.challenge.technology.length > 0" ng-repeat="tech in CD.challenge.technology">
@@ -421,7 +88,7 @@ <h3>Final Submission Guidelines</h3>
             <div ng-bind-html="CD.challenge.finalSubmissionGuidelines | trust"></div>
 
             <article id="payments">
-              <h2>Payments</h2>
+              <h1>Payments</h1>
 
               <p>TopCoder will compensate members in accordance with the payment structure of this challenge.
                 Initial payment for the winning member will be distributed in two installments. The first payment
@@ -445,21 +112,20 @@ <h2>Reliability Rating and Bonus</h2>
           <article ng-if="CD.isDesign" id="contestOverview">
 
             <article id="contestSummary">
-              <h2>CHALLENGE SUMMARY</h2>
+              <h1>CHALLENGE SUMMARY</h1>
 
               <p class="paragraph" ng-bind-html="CD.challenge.introduction | trust"></p>
 
               <p></p>
 
-              <p class="note"><em>Please read the challenge specification carefully and watch the forums for any
+              <p class="paragraph1"><b>Please read the challenge specification carefully and watch the forums for any
                   questions or feedback concerning this challenge. It is important that you monitor any updates
                   provided by the client or Studio Admins in the forums. Please post any questions you might have for
-                  the client in the forums.</em>
-              </p>
+                  the client in the forums.</b></p>
             </article>
 
             <article id="studioTournamentFormat" ng-if="CD.challenge.numberOfCheckpointsPrizes > 0">
-              <h2>CHALLENGE FORMAT</h2>
+              <h1>CHALLENGE FORMAT</h1>
               <p class="paragraph">This competition will be run as a two-round challenge.</p>
               <div>
                 <span class="subTitle">Round One (1)</span>
@@ -504,13 +170,13 @@ <h6 class="smallTitle red">Regarding the Rounds:</h6>
             </article>
 
             <article id="fullDescription">
-              <h2>FULL DESCRIPTION &amp; PROJECT GUIDE</h2>
+              <h1>FULL DESCRIPTION &amp; PROJECT GUIDE</h1>
 
               <p ng-bind-html="CD.challenge.detailedRequirements | trust"></p>
             </article>
 
             <article id="stockPhotography">
-              <h2>STOCK PHOTOGRAPHY</h2>
+              <h1>STOCK PHOTOGRAPHY</h1>
 
               <p ng-if="CD.challenge.allowStockArt"> Stock photography is allowed in this challenge.<br>
                 <a href="http://help.topcoder.com/design/design-copyright-and-font-policies/policy-for-stock-photos-in-design-submissions/">See this page for more details.</a></p>
@@ -522,7 +188,7 @@ <h2>STOCK PHOTOGRAPHY</h2>
             </article>
 
             <article id="howtosubmit">
-              <h2>HOW TO SUBMIT</h2>
+              <h1>HOW TO SUBMIT</h1>
 
               <p>
               <ul class="howToSubmit">
@@ -551,7 +217,7 @@ <h2>HOW TO SUBMIT</h2>
             </article>
 
             <article id="winnerselection">
-              <h2>WINNER SELECTION</h2>
+              <h1>WINNER SELECTION</h1>
 
               <p>
                 Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the
@@ -560,7 +226,7 @@ <h2>WINNER SELECTION</h2>
             </article>
 
             <article id="payments">
-              <h2>PAYMENTS</h2>
+              <h1>PAYMENTS</h1>
 
               <p>TopCoder will compensate members in accordance with the payment structure of this challenge.
                 Initial payment for the winning member will be distributed in two installments. The first payment
diff --git a/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html b/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html
index 93b6ebb7..54a1db2c 100644
--- a/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html
+++ b/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html
@@ -1,6 +1,344 @@
-
+  <div class="container">
     <header class="pageHeading aboutPage">
       <h1 ng-bind="CD.challenge.challengeName"></h1>
 
-      <h2><span ng-bind="CD.challenge.challengeType"></span></h2>
+      <h2>CHALLENGE TYPE: <span ng-bind="CD.challenge.challengeType"></span></h2>
     </header>
+
+    <div id="stepBox">
+      <div class="container">
+
+        <div class="leftColumn">
+          <a ng-show="!CD.isDesign" ng-click="CD.registerToChallenge()" ng-class="{disabled:CD.challenge.registrationDisabled || !CD.callComplete, disabledNOT:!CD.challenge.registrationDisabled}" class="btn btnAction challengeRegisterBtn" href="javascript:;">
+              <span>1</span><strong>Register For This Challenge</strong>
+          </a>
+          <a ng-show="!CD.isDesign" ng-class="{disabled:CD.challenge.submissionDisabled || !CD.callComplete, disabledNOT:!CD.challenge.submissionDisabled}" class="btn btnAction" target="_blank"
+            ng-href="/challenge-details/{{CD.challenge.challengeId}}/submit/?type=develop">
+              <span>2</span><strong>Submit Your Entries</strong>
+          </a>
+          <a ng-show="CD.isDesign" ng-click="CD.registerToChallenge()" ng-class="{disabled:CD.challenge.registrationDisabled || !CD.callComplete, disabledNOT:!CD.challenge.registrationDisabled}" class="btn btnAction challengeRegisterBtn" href="javascript:;">
+              <span>1</span> <strong>Register For This Challenge</strong>
+          </a>
+          <a ng-show="CD.isDesign" ng-class="{disabled:CD.challenge.submissionDisabled || !CD.callComplete, disabledNOT:!CD.challenge.submissionDisabled}" class="btn btnAction" target="_blank"
+             ng-href="//studio.topcoder.com/?module=ViewRegistration&ct={{CD.challenge.challengeId}}">
+              <span>2</span> <strong>Submit Your Entries</strong>
+          </a>
+          <a ng-show="CD.isDesign" ng-class="{disabled:CD.challenge.submissionDisabled || !CD.callComplete, disabledNOT:!CD.challenge.submissionDisabled}" class="btn btnAction" target="_blank"
+             href="//studio.topcoder.com/?module=ViewSubmission&ct={{CD.challenge.challengeId}}">
+              <span>3</span> <strong>View Your Submission</strong>
+          </a>
+          <a ng-show="!CD.isDesign && CD.isPeerReviewed" ng-class="{disabled:CD.challenge.peerReviewDisabled || !CD.callComplete, disabledNOT:!CD.challenge.peerReviewDisabled}" class="btn btnAction" ng-href="/reviews/index.html#/challenge/{{CD.challenge.challengeId}}" target="_blank">
+              <span>3</span><strong>Review This Challenge</strong>
+          </a>
+        </div>
+
+        <div class="middleColumn member-program-path" ng-show="CD.isPeerReviewed && CD.phaseProgram">
+          <div ng-include src="getTemplateURL('ng-content-challenge-topsection.tpl.html')"></div>
+        </div>
+        <div class="middleColumn {{CD.isDesign ? 'studio' : ''}}" ng-show="!CD.isPeerReviewed">
+          <table class="prizeTable">
+            <tbody>
+
+              <tr>
+                <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
+                  <h2>1st PLACE</h2>
+
+                  <h3>
+                    <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[0] ? CD.challenge.prize[0] : '') : ''"></span>
+                  </h3>
+                </td>
+                <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
+                  <h2>2nd PLACE</h2>
+                  <h3>
+                    <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[1] ? CD.challenge.prize[1] : '0') : ''"></span>
+                  </h3>
+                </td>
+                <td ng-if="(designOrCode = CD.isDesign || CD.challenge.challengeType == 'Code')" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[0]) ? 'noPrize' : ''}}">
+                  <h2>1st PLACE</h2>
+
+                  <h3>
+                    <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[0]) || 0"></span></h3>
+                </td>
+                <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[1]) ? 'noPrize' : ''}}">
+                  <h2>2nd PLACE</h2>
+
+                  <h3>
+                    <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[1]) || 0"></span></h3>
+                </td>
+                <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[2]) ? 'noPrize' : ''}}">
+                  <h2>3rd PLACE</h2>
+
+                  <h3>
+                    <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[2]) || 0"></span></h3>
+                </td>
+                <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[3]) ? 'noPrize' : ''}}">
+                  <h2>4th PLACE</h2>
+
+                  <h3>
+                    <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[3]) || 0"></span></h3>
+                </td>
+                <td ng-if="designOrCode" class="twenty {{!(CD.challenge.prize && CD.challenge.prize[4]) ? 'noPrize' : ''}}">
+                  <h2>5th PLACE</h2>
+
+                  <h3>
+                    <small>$</small><span ng-bind="(CD.challenge.prize && CD.challenge.prize[4]) || 0"></span></h3>
+                </td>
+                <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length > 5)" class="morePayments active closed" rowspan="2">
+                </td>
+                <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length <= 5)" class="morePayments inactive" rowspan="2">
+                </td>
+              </tr>
+              <tr ng-if="CD.challenge.prize  && CD.challenge.prize.length > 5 && (currentPlace = 6)" class="additionalPrizes hide" ng-repeat="i in range(0, (CD.challenge.prize.length - 5) / 5)">
+                <td class="twenty" ng-if="CD.challenge.prize.length > 5 + i * 5" ng-repeat="j in range(i * 5, max((i + 1) * 5), CD.challenge.prize.length)">
+                  <h2 ng-bind-template="{{j + 1}}'th PLACE'"></h2>
+                  <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>
+                </td>
+              </tr>
+              <tr><!-- Bugfix: Added noPrize class when challenge has no reliability bonus -->
+                <td ng-if="!CD.isDesign" colspan="5" class="{{ (!CD.challenge.reliabilityBonus || CD.challenge.challengeType === 'Bug Hunt') ? 'noPrize' : ''}}">
+                  <p class="realibilityPara">
+                    Reliability Bonus
+                    <span ng-if="CD.reliabilityBonus && CD.challenge.challengeType !== 'Bug Hunt'" ng-bind-template="${{CD.challenge.reliabilityBonus}}">
+                    </span>
+                    <span ng-if="!(CD.reliabilityBonus) || CD.challenge.challengeType === 'Bug Hunt'">
+                      N/A
+                    </span>
+                  </p>
+                </td>
+                </td>
+                <td ng-if="CD.isDesign" colspan="5">
+                  <p class="scPoints" ng-if="CD.challenge.numberOfCheckpointsPrizes > 0"><span ng-bind="CD.challenge.numberOfCheckpointsPrizes"></span> CHECKPOINT AWARDS WORTH <span ng-bind-template="${{CD.challenge.topCheckPointPrize}}"></span>
+                    EACH</p>
+                  <p class="scPoints" ng-if="CD.challenge.numberOfCheckpointsPrizes == 0">NO CHECKPOINT AWARDS</p>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        <!-- TODO: not sure why this code is repeated -- probably get rid of it (or make sure my fix of it is correct) -->
+        <div class="prizeSlider hide">
+          <ul>
+            <li class="slide">
+              <table>
+                <tbody>
+                  <tr>
+                    <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
+                      <h2>1st PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[0] ? CD.challenge.prize[0] : '') : ''"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="!CD.isDesign && CD.challenge.challengeType != 'Code'" class="fifty">
+                      <h2>2nd PLACE</h2>
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize ? (CD.challenge.prize[1] ? CD.challenge.prize[1] : '0') : ''"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="(designOrCode = CD.isDesign || CD.challenge.challengeType == 'Code') && (CD.challenge.prize && CD.challenge.prize[0])" class="twenty">
+                      <h2>1st PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize[0]"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[0])" class="twenty noPrize">
+                      <h2>1st PLACE</h2>
+
+                      <h3>
+                        <small>$</small>0
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[1])" class="twenty">
+                      <h2>2nd PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize[1]"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[1])" class="twenty noPrize">
+                      <h2>2nd PLACE</h2>
+
+                      <h3>
+                        <small>$</small>0
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[2])" class="twenty">
+                      <h2>3rd PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize[2]"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[2])" class="twenty noPrize">
+                      <h2>3rd PLACE</h2>
+
+                      <h3>
+                        <small>$</small>0
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[3])" class="twenty">
+                      <h2>4th PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize[3]"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && !(CD.challenge.prize && CD.challenge.prize[3])" class="twenty noPrize">
+                      <h2>4th PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize[3]"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[4])" class="twenty">
+                      <h2>5th PLACE</h2>
+
+                      <h3>
+                        <small>$</small><span ng-bind="CD.challenge.prize[4]"></span>
+                      </h3>
+                    </td>
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize[5])" class="twenty noPrize">
+                      <h2>5th PLACE</h2>
+
+                      <h3>
+                        <small>$</small>0
+                      </h3>
+                    </td>
+                    <!-- previously used rowspan logic might be needed: {{2 + ((CD.challenge.prize.length - 5) / 5)}} -->
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length > 5)" class="morePayments active closed" rowspan="2">
+                    </td>
+                    <td ng-if="designOrCode && (CD.challenge.prize && CD.challenge.prize.length <= 5)" class="morePayments inactive" rowspan="2">
+                    </td>
+                  </tr>
+                  <tr ng-if="CD.challenge.prize  && CD.challenge.prize.length > 5 && (currentPlace = 6)" class="additionalPrizes hide" ng-repeat="i in range(0, (CD.challenge.prize.length - 5) / 5)">
+                    <td class="twenty" ng-if="CD.challenge.prize.length > 5 + i * 5" ng-repeat="j in range(i * 5, max((i + 1) * 5), CD.challenge.prize.length)">
+                      <h2 ng-bind-template="{{j + 1}}'th PLACE'"></h2>
+                      <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td ng-if="!CD.isDesign" colspan="5">
+                      <p class="realibilityPara">
+                        Reliability Bonus
+                        <span ng-if="CD.reliabilityBonus && CD.reliabilityBonus.length > 0">
+                          {{CD.challenge.reliabilityBonus}}
+                        </span>
+                        <span ng-if="!(CD.reliabilityBonus && CD.reliabilityBonus.length > 0)">
+                          N/A
+                        </span>
+                      </p>
+                    </td>
+                    </td>
+                    <td ng-if="CD.isDesign" colspan="5">
+                      <p class="scPoints"><span ng-bind="CD.challenge.numberOfCheckpointsPrizes"></span> CHECKPOINT AWARDS WORTH $<span ng-bind="CD.challenge.topCheckPointPrize"></span>
+                        EACH</p>
+                    </td>
+                  </tr>        
+                </tbody>
+              </table>
+            </div>
+          </div>
+
+        </div>
+
+        <div class="rightColumn">
+
+          <div class="nextBox" ng-init="toggleAllNext = true;">
+
+            <div class="nextBoxContent nextDeadlineNextBoxContent"  ng-show="toggleAllNext">
+              <div class="icoTime">
+                <span class="nextDTitle">Current Phase</span>
+                <!-- Bugfix I-106745: if current status of contest is not Active, output current contest status, else output current contest phase if active. -->
+                <span
+                  class="CEDate" ng-bind="CD.challenge.currentStatus.indexOf('Active') < 0 ? CD.challenge.currentStatus : CD.challenge.currentPhaseName"></span>
+              </div>
+              <!-- Bugfix I-106745: Added check for cancelled contest before display of current phase remaining time -->
+              <span ng-if="CD.challenge.currentStatus != 'Completed' && CD.challenge.currentStatus != 'Deleted' && CD.challenge.currentStatus.indexOf('Cancelled') < 0 && CD.challenge.currentPhaseRemainingTime > 0" class="timeLeft">
+                <span ng-bind="CD.challenge.currentPhaseRemainingTime | daysLeft"></span>
+                <small><ng-pluralize count="CD.challenge.currentPhaseRemainingTime | daysLeft" when="{'1': 'Day', 'other': 'Days'}"/></small>
+                <span ng-bind="CD.challenge.currentPhaseRemainingTime | hoursLeft"></span>
+                <small><ng-pluralize count="CD.challenge.currentPhaseRemainingTime | hoursLeft" when="{'1': 'Hour', 'other': 'Hours'}"/></small>
+                <span ng-bind="CD.challenge.currentPhaseRemainingTime | minsLeft"></span>
+                <small><ng-pluralize count="CD.challenge.currentPhaseRemainingTime | minsLeft" when="{'1': 'Min', 'other': 'Mins'}"/></small>
+              </span>
+            </div>
+            <!--End nextBoxContent-->
+            <div ng-if="!CD.isDesign" class="nextBoxContent allDeadlineNextBoxContent ng-hide" ng-show="!toggleAllNext">
+              <p><label>Start Date:</label>
+                <span>
+                 {{CD.challenge.postingDate | formatDate:2}}
+                </span>
+              </p>
+              <p><label>Register By:</label>
+               <span>
+                 {{CD.challenge.registrationEndDate | formatDate:2}}
+               </span>
+              </p>
+              <p class="{{CD.challenge.finalFixEndDate ? '' : 'last'"><label>Submit By:</label>
+                <span>
+                  {{CD.challenge.submissionEndDate | formatDate:2}}
+                </span>
+              </p>
+              <p ng-show="CD.inReview && CD.isPeerReviewed">
+                <label>Review By:</label>
+                <span>
+                  {{CD.challenge.currentPhaseEndDate | formatDate:2}}
+                </span>
+              </p>
+
+              <p ng-if="CD.challenge.finalFixEndDate" class="{{CD.challenge.finalFixEndDate ? 'last' : ''"><label>Final Submission:</label>
+                <span>
+                  {{CD.challenge.finalFixEndDate | formatDate:2}}
+                </span>
+              </p>
+
+            </div>
+            <!--End nextBoxContent-->
+            <div ng-if="CD.isDesign" class="nextBoxContent allDeadlineNextBoxContent studio ng-hide" ng-show="!toggleAllNext">
+              <p><label>Start Date:</label>
+                <span>
+                  {{CD.challenge.postingDate | formatDate:2}}
+                </span>
+              </p>
+              <p ng-if="CD.challenge.checkpointSubmissionEndDate != ''"><label>Checkpoint:</label>
+                <span>
+                  {{CD.challenge.checkpointSubmissionEndDate | formatDate:2}}
+                </span>
+              </p>
+
+              <p><label>End Date:</label>
+                <span>
+                  {{CD.challenge.submissionEndDate | formatDate:2}}
+                </span>
+              </p>
+
+              <p class="last"><label>Winners Announced:</label>
+                <span>
+                  {{CD.challenge.appealsEndDate  | formatDate:2}}
+                </span>
+              </p>
+            </div>
+            <!--End nextBoxContent-->
+          </div>
+
+          <!--End nextBox-->
+          <div class="deadlineBox">
+
+            <div class="deadlineBoxContent nextDeadlinedeadlineBoxContent" ng-show="toggleAllNext">
+              <a class="viewAllDeadLineBtn" ng-click="toggleAllNext = !toggleAllNext">View all deadlines +</a>
+            </div>
+            <!--End deadlineBoxContent-->
+            <div class="deadlineBoxContent allDeadlinedeadlineBoxContent ng-hide" ng-show="!toggleAllNext">
+              <a class="viewNextDeadLineBtn" ng-click="toggleAllNext = !toggleAllNext">View next deadline +</a>
+            </div>
+            <!--End deadlineBoxContent-->
+          </div>
+          <!--End deadlineBox-->
+        </div>
+
+      </div>
+    </div>
+    <!-- /#hero -->
+
+  </div>
+  <!-- /.pageHeading -->
diff --git a/src/js/app/challenges/css/ngchallenges.css b/src/js/app/challenges/css/ngchallenges.css
index 5c0c55e0..17deef0e 100644
--- a/src/js/app/challenges/css/ngchallenges.css
+++ b/src/js/app/challenges/css/ngchallenges.css
@@ -94,7 +94,7 @@
 .challengesGrid .colTime {
     vertical-align: top;
     padding-top: 15px;
-    padding-bottom: 15px;
+    padding-bottom: 15px;   
     text-align: left;
 }
 
@@ -137,7 +137,7 @@
     text-overflow: ellipsis;
     display: inline-block;
     height: 100%;
-    color: #666;
+    color: #FF8A00;
 }
 
 /* TESTING FOR ANGULAR NEED TO REMOVE */
@@ -184,7 +184,7 @@
     font-size: 13px;
 }
 
-/* Mobile View Fix */
+/* Mobile View Fix */   
 @media (max-width: 1019px) {
     .hideOnMobile, .contestGrid .contest .hideOnMobile {
         display:none;
@@ -193,7 +193,7 @@
         min-width: 0px !important;
         width:auto;
     }
-
+    
     .contestGrid.alt .contest {
         min-width: 0px !important;
         width: auto;
@@ -202,13 +202,13 @@
         border:none;
         padding-top:0px;
     }
-
+    
     .layChallenges .actions .rt {
         border:none;
         padding-top:10px;
         padding-right:10px;
     }
-
+    
     #hero .container {
         margin:0px;
     }
@@ -222,4 +222,4 @@
     .contestGrid .contest {
         width:auto;
     }
-}
+}   
diff --git a/src/js/app/challenges/jsx/build/challenge-grid-view.js b/src/js/app/challenges/jsx/build/challenge-grid-view.js
index 753fa903..5f9a5b13 100644
--- a/src/js/app/challenges/jsx/build/challenge-grid-view.js
+++ b/src/js/app/challenges/jsx/build/challenge-grid-view.js
@@ -37,8 +37,8 @@
           )
       });
       return (
-          React.createElement("ul", null,
-            techRows,
+          React.createElement("ul", null, 
+            techRows, 
             platRows
           )
         );
@@ -112,74 +112,75 @@
         var track = getTrackSymbol(challenge.challengeType);
         var trackTag = 'track-' + track;
         return (
-        React.createElement("div", {className: "contest "+ trackTag +" trackSD type-" + challenge.challengeCommunity, key: challenge.challengeId},
-          React.createElement("div", {className: "cgCh"},
-            React.createElement("a", {href: challenge.challengeCommunity != 'data' ? "/challenge-details/" +challenge.challengeId+"/?type="+challenge.challengeCommunity : tcconfig.communityURL + '/tc?module=MatchDetails&rd=' + challenge.roundId, className: "contestName"},
-              React.createElement("img", {alt: "", className: "allContestIco", src: (scope.contest.contestType == 'data' && challenge.challengeCommunity == 'develop') ? images + 'ico-competitive-develop-challenge.svg' : images + 'ico-' + challenge.challengeCommunity + '-challenge.svg'}), 
-              React.createElement("span", {className: "gridChallengName"}, challenge.challengeName),
-              React.createElement(Qtip, {text: challenge.challengeType, title: "Challenge Type", community: challenge.challengeCommunity},
+        React.createElement("div", {className: "contest "+ trackTag +" trackSD type-" + challenge.challengeCommunity, key: challenge.challengeId}, 
+          React.createElement("div", {className: "cgCh"}, 
+            React.createElement("a", {href: challenge.challengeCommunity != 'data' ? "/challenge-details/" +challenge.challengeId+"/?type="+challenge.challengeCommunity : tcconfig.communityURL + '/tc?module=MatchDetails&rd=' + challenge.roundId, className: "contestName"}, 
+              React.createElement("img", {alt: "", className: "allContestIco", src: images + '/ico-track-' + challenge.challengeCommunity + '.png'}), 
+              React.createElement("span", {className: "gridChallengName"}, challenge.challengeName), 
+              React.createElement("img", {alt: "", className: challenge.challengeCommunity != 'data' ? "allContestTCOIco" : "allContestTCOIco ng-hide", src: images + '/tco-flag-' + challenge.challengeCommunity + '.png'}), 
+              React.createElement(Qtip, {text: challenge.challengeType, title: "Challenge Type", community: challenge.challengeCommunity}, 
                 React.createElement("span", {className: "track-symbol"}, track.toUpperCase())
               )
             )
-          ),
-          React.createElement("div", {className: "cgTime"},
-            React.createElement("div", null,
-              React.createElement("div", {className: "row"},
-                React.createElement("label", {className: "lbl"}, "Start Date"),
+          ), 
+          React.createElement("div", {className: "cgTime"}, 
+            React.createElement("div", null, 
+              React.createElement("div", {className: "row"}, 
+                React.createElement("label", {className: "lbl"}, "Start Date"), 
                 React.createElement("div", {className: "val vStartDate"}, scope.dateFormatFilter(challenge.registrationStartDate, scope.dateFormat))
-              ),
-              React.createElement("div", {className: classNames[challengeCombo].registerBy !== undefined ? 'row':'row ng-hide'},
-                React.createElement("label", {className: "lbl"}, "Register By"),
+              ), 
+              React.createElement("div", {className: classNames[challengeCombo].registerBy !== undefined ? 'row':'row ng-hide'}, 
+                React.createElement("label", {className: "lbl"}, "Register By"), 
                 React.createElement("div", {className: "val vStartDate"}, scope.dateFormatFilter(challenge.registrationEndDate, scope.dateFormat))
-              ),
-              React.createElement("div", {className: classNames[challengeCombo].roundEnd !== undefined && challenge.checkpointSubmissionEndDate !== '' ? 'row' : 'row ng-hide'},
-                React.createElement("label", {className: "lbl"}, "Round 1 End"),
+              ), 
+              React.createElement("div", {className: classNames[challengeCombo].roundEnd !== undefined && challenge.checkpointSubmissionEndDate !== '' ? 'row' : 'row ng-hide'}, 
+                React.createElement("label", {className: "lbl"}, "Round 1 End"), 
                 React.createElement("div", {className: "val vEndRound"}, scope.dateFormatFilter(challenge.checkpointSubmissionEndDate, scope.dateFormat))
-              ),
-              React.createElement("div", {className: classNames[challengeCombo].endDate !== undefined ? 'row':'row ng-hide'},
-                React.createElement("label", {className: "lbl"}, "End Date"),
+              ), 
+              React.createElement("div", {className: classNames[challengeCombo].endDate !== undefined ? 'row':'row ng-hide'}, 
+                React.createElement("label", {className: "lbl"}, "End Date"), 
                 React.createElement("div", {className: "val vEndDate"}, scope.dateFormatFilter(challenge.submissionEndDate, scope.dateFormat))
-              ),
-              React.createElement("div", {className: classNames[challengeCombo].submitBy !== undefined ? 'row':'row ng-hide'},
-                React.createElement("label", {className: "lbl"}, "Submit By"),
+              ), 
+              React.createElement("div", {className: classNames[challengeCombo].submitBy !== undefined ? 'row':'row ng-hide'}, 
+                React.createElement("label", {className: "lbl"}, "Submit By"), 
                   React.createElement("div", {className: "val vStartDate"}, scope.dateFormatFilter(challenge.submissionEndDate, scope.dateFormat))
-                ),
+                ), 
               /*<div className={classNames[challengeCombo].currentPhase !== undefined ? 'row':'row ng-hide'}>
                 <label className="lbl">Current Phase</label>
                 <div className="val vPhase">{challenge.currentPhaseName}</div>
                 <div className="clear" />
               </div>*/
-              React.createElement("div", {className: classNames[challengeCombo].currentStatus !== undefined ? 'row':'row ng-hide'},
-                 React.createElement("label", {className: "lbl"}, "Current Status"),
+              React.createElement("div", {className: classNames[challengeCombo].currentStatus !== undefined ? 'row':'row ng-hide'}, 
+                 React.createElement("label", {className: "lbl"}, "Current Status"), 
                  React.createElement("div", {className: "val vStatus"}, challenge.status)
               )
             )
-          ),
-          React.createElement("div", {id: challenge.challengeId, className: classNames[challengeCombo].tech !== undefined ? 'technologyTags':'technologyTags ng-hide'},
-              React.createElement(ChallengeTechsList, {challenge: challenge, scope: scope}),
+          ), 
+          React.createElement("div", {id: challenge.challengeId, className: classNames[challengeCombo].tech !== undefined ? 'technologyTags':'technologyTags ng-hide'}, 
+              React.createElement(ChallengeTechsList, {challenge: challenge, scope: scope}), 
             React.createElement("div", {className: "clear"})
-          ),
-          React.createElement("div", {className: classNames[challengeCombo].genInfo !== undefined ? 'genInfo':'genInfo ng-hide'},
-            React.createElement(Qtip, {text: scope.formatTimeLeft(challenge.currentPhaseRemainingTime, true, challenge.currentPhaseName).$$unwrapTrustedValue(), title: "Time Left", community: challenge.challengeCommunity},
+          ), 
+          React.createElement("div", {className: classNames[challengeCombo].genInfo !== undefined ? 'genInfo':'genInfo ng-hide'}, 
+            React.createElement(Qtip, {text: scope.formatTimeLeft(challenge.currentPhaseRemainingTime, true, challenge.currentPhaseName).$$unwrapTrustedValue(), title: "Time Left", community: challenge.challengeCommunity}, 
               React.createElement("p", {className: "cgTLeft", 'data-hasqtip': "0", 'aria-describedby': "qtip-0"}, React.createElement("i", null), React.createElement("span", {dangerouslySetInnerHTML: {__html: scope.formatTimeLeft(challenge.currentPhaseRemainingTime, true, challenge.currentPhaseName)}})
               )
-            ),
-            React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity},
+            ), 
+            React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity}, 
               React.createElement("p", {className: "cgPur", 'data-hasqtip': "1", 'aria-describedby': "qtip-1"}, React.createElement("i", null), " ", scope.currencyFilter(challenge.totalPrize))
-            ),
-            React.createElement(Qtip, {text: challenge.numRegistrants, title: "Registrants", community: challenge.challengeCommunity},
+            ), 
+            React.createElement(Qtip, {text: challenge.numRegistrants, title: "Registrants", community: challenge.challengeCommunity}, 
               React.createElement("p", {className: "cgReg", 'data-hasqtip': "2", 'aria-describedby': "qtip-2"}, React.createElement("i", null), React.createElement("a", {href: "/challenge-details/" +challenge.challengeId + "/?type=" + challenge.challengeCommunity + "#viewRegistrant"}, challenge.numRegistrants)
               )
-            ),
-            React.createElement(Qtip, {text: challenge.numSubmissions, title: "Submissions", community: challenge.challengeCommunity},
+            ), 
+            React.createElement(Qtip, {text: challenge.numSubmissions, title: "Submissions", community: challenge.challengeCommunity}, 
               React.createElement("p", {className: "cgSub", 'data-hasqtip': "3", 'aria-describedby': "qtip-3"}, React.createElement("i", null), challenge.numSubmissions)
             )
-          ),
-          React.createElement("div", {className: classNames[challengeCombo].gdUpcoming !== undefined ? 'genInfo gdUpcoming':'genInfo gdUpcoming ng-hide'},
-            React.createElement(Qtip, {text: scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate), title: "Duration (days)", community: challenge.challengeCommunity},
+          ), 
+          React.createElement("div", {className: classNames[challengeCombo].gdUpcoming !== undefined ? 'genInfo gdUpcoming':'genInfo gdUpcoming ng-hide'}, 
+            React.createElement(Qtip, {text: scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate), title: "Duration (days)", community: challenge.challengeCommunity}, 
               React.createElement("p", {className: "cgTLeft", 'data-hasqtip': 0, 'aria-describedby': "qtip-0"}, React.createElement("i", null), scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)+(scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)<2?" Day":" Days"))
-            ),
-            React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity},
+            ), 
+            React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity}, 
               React.createElement("p", {className: "cgPur", 'data-hasqtip': 1, 'aria-describedby': "qtip-1"}, React.createElement("i", null), " ", scope.currencyFilter(challenge.totalPrize))
             )
           )
@@ -187,7 +188,7 @@
       );
     });
     return (
-      React.createElement("div", null,
+      React.createElement("div", null, 
         rows
       )
       );
diff --git a/src/js/app/challenges/jsx/src/challenge-grid-view.js b/src/js/app/challenges/jsx/src/challenge-grid-view.js
index 1a56b792..b81deeb5 100644
--- a/src/js/app/challenges/jsx/src/challenge-grid-view.js
+++ b/src/js/app/challenges/jsx/src/challenge-grid-view.js
@@ -115,9 +115,10 @@
         <div className={"contest "+ trackTag +" trackSD type-" + challenge.challengeCommunity} key={challenge.challengeId}>
           <div className="cgCh">
             <a href={challenge.challengeCommunity != 'data' ? "/challenge-details/" +challenge.challengeId+"/?type="+challenge.challengeCommunity : tcconfig.communityURL + '/tc?module=MatchDetails&rd=' + challenge.roundId} className="contestName">
-              <img alt="" className="allContestIco" src={(scope.contest.contestType == 'data' && challenge.challengeCommunity == 'develop') ? images + 'ico-competitive-develop-challenge.svg' : images + 'ico-' + challenge.challengeCommunity + '-challenge.svg'} />
+              <img alt="" className="allContestIco" src={images + '/ico-track-' + challenge.challengeCommunity + '.png'} />
               <span className="gridChallengName">{challenge.challengeName}</span>
-              <Qtip text={challenge.challengeType} title="Challenge Type" community={challenge.challengeCommunity}>
+              <img alt="" className={challenge.challengeCommunity != 'data' ? "allContestTCOIco" : "allContestTCOIco ng-hide"} src={images + '/tco-flag-' + challenge.challengeCommunity + '.png'} />
+              <Qtip text={challenge.challengeType} title="Challenge Type" community={challenge.challengeCommunity}>
                 <span className="track-symbol">{track.toUpperCase()}</span>
               </Qtip>
             </a>
@@ -176,9 +177,9 @@
             </Qtip>
           </div>
           <div className={classNames[challengeCombo].gdUpcoming !== undefined ? 'genInfo gdUpcoming':'genInfo gdUpcoming ng-hide'}>
-            <Qtip text={scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)} title="Duration (days)" community={challenge.challengeCommunity}>
+            <Qtip text={scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)} title="Duration (days)" community={challenge.challengeCommunity}> 
               <p className="cgTLeft" data-hasqtip={0} aria-describedby="qtip-0"><i />{scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)+(scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)<2?" Day":" Days")}</p>
-            </Qtip>
+            </Qtip>  
             <Qtip text={scope.currencyFilter(challenge.totalPrize)} title="Total Prize" community={challenge.challengeCommunity}>
               <p className="cgPur" data-hasqtip={1} aria-describedby="qtip-1"><i /> {scope.currencyFilter(challenge.totalPrize)}</p>
             </Qtip>
diff --git a/src/js/scripts.js b/src/js/scripts.js
index 7aeb4492..e9f43ae4 100644
--- a/src/js/scripts.js
+++ b/src/js/scripts.js
@@ -140,7 +140,7 @@ var app = {
 
     $('.userWidget').on(ev, function(e) {
       e.stopPropagation();
-    });
+    });								
   },
   // event bindings
   initEvents: function() {
@@ -692,69 +692,42 @@ var app = {
   getTrackSymbol: function(type) {
     var trackName = "o";
     switch (type) {
-    case "Web Design":
-      trackName = "w";
-      break;
-    case "Widget or Mobile Screen Design":
-      trackName = "wi";
-      break;
-    case "Wireframes":
-      trackName = "wf";
-      break;
-    case "Idea Generation":
-      trackName = "ig";
-      break;
-    case "Other":
-      trackName = "o";
-      break;
-    case "UI Prototype Competition":
-      trackName = "p";
-      break;
-    case "Content Creation":
-      trackName = "cc";
-      break;
-    case "Assembly Competition":
-      trackName = "ac";
-      break;
-    case "Print\/Presentation":
-      trackName = "pr";
-      break;
-    case "Banners\/Icons":
-      trackName = "bi";
-      break;
-    case "Code":
-      trackName = "c";
-      break;
-    case "Architecture":
-      trackName = "a";
-      break;
-    case "Bug Hunt":
-      trackName = "bh";
-      break;
-    case "Specification":
-      trackName = "spc";
-      break;
-    case "Test Suites":
-      trackName = "ts";
-      break;
-    case "Copilot Posting":
-      trackName = "cp";
-      break;
-    case "Conceptualization":
-      trackName = "c";
-      break;
-    case "First2Finish":
-      trackName = "ff";
-      break;
-    case "Design First2Finish":
-      trackName = "df2f";
-      break;
-    case "Application Front-End Design":
-      trackName = "af";
-      break;
-    default:
-      trackName = "o";
-      break;
+      case "Web Design":
+        trackName = "w";
+        break;
+      case "Widget or Mobile Screen Design":
+        trackName = "wi";
+        break;
+      case "Logo Design":
+        trackName = "l";
+        break;
+      case "Banners/Icons":
+        trackName = "bi";
+        break;
+      case "Wireframes":
+        trackName = "wf";
+        break;
+      case "Idea Generation":
+        trackName = "ig";
+        break;
+      case "Other":
+        trackName = "o";
+        break;
+      case "UI Prototype Competition":
+        trackName = "p";
+        break;
+      case "Content Creation":
+        trackName = "cc";
+        break;
+      case "Assembly Competition":
+        trackName = "as";
+        break;
+      case "Conceptualization":
+        trackName = "c";
+        break;
+      case "Marathon":
+        trackName = "mm";
+        break;
 
     }
     return trackName;
@@ -1626,8 +1599,8 @@ var app = {
         /*
          * generate table row for contest type
          */
-        var trackName = app.getTrackSymbol(rec.challengeType);
-        $('.contestName', row).html('<i></i>' + '<a href="/challenge-details/' + rec.challengeId + '?type=design">' + rec.challengeName + '<span class="track-symbol">'+ trackName +'</span></a>');
+
+        $('.contestName', row).html('<i></i>' + '<a href="/challenge-details/' + rec.challengeId + '?type=design">' + rec.challengeName + '</a>');
 
         if (rec.startDate == null || rec.startDate == "") {
           rec.startDate = "10.31.2013 10:10 EDT"; //dummy data
@@ -1664,8 +1637,7 @@ var app = {
           /*
            * generate table row for contest type
            */
-          var trackName = app.getTrackSymbol(rec.challengeType);
-          $('.contestName', row).html('<i></i>' + '<a href="/challenge-details/' + rec.challengeId + '">' + rec.challengeName + '<span class="track-symbol">'+ trackName +'</span></a>');
+          $('.contestName', row).html('<i></i>' + '<a href="/challenge-details/' + rec.challengeId + '">' + rec.challengeName + '</a>');
 
           if (rec.startDate == null || rec.startDate == "") {
             rec.startDate = "10.31.2013 10:10 EDT"; //dummy data
@@ -1835,7 +1807,7 @@ var app = {
       success: function(response) {
         designChallenge = response.data[0];
         $('.sideMostRecentChallenges a.contestType2')
-          .append(designChallenge.challengeName)
+          .append(designChallenge.challengeName)        
           .attr('href', tcconfig.mainURL + '/challenge-details/' + designChallenge.challengeId + '/?type=design');
       }
     });
diff --git a/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php b/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php
index b499ddf7..6c95ce7a 100644
--- a/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php
+++ b/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php
@@ -343,7 +343,7 @@ function get_top_rank( $userKey = '', $contestType = 'Algorithm' )
             $url = TC_API_URL . "/users/tops/develop?pageSize=10";
             break;
         case "data":
-            $url = TC_API_URL . "/data/srm/statistics/tops?pageSize=10";
+            $url = TC_API_URL . "/data/srm/statistics/tops";
             break;
 		case "design":
             $url = TC_API_URL . "/users/tops/design?pageSize=10";
diff --git a/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php b/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php
index 2bac6020..faa7a233 100644
--- a/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php
+++ b/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php
@@ -9,8 +9,8 @@ function post_register_controller(){
 	'httpversion' => '1.0',
 	'blocking' => true,
 	'headers' => array(),
-	'body' => array(
-	'firstName' => $_POST['firstName'],
+	'body' => array( 
+	'firstName' => $_POST['firstName'], 
 	'lastName' => $_POST['lastName'],
 	'handle' => $_POST['handle'],
 	'country' => $_POST['country'],
@@ -30,8 +30,8 @@ function post_register_controller(){
 	foreach ( $msg->message as $m ):
 		$mm.= $m;
 	endforeach;
-
-	echo json_encode(array("code" => $code, "description" => $mm ));
+	
+	echo json_encode(array("code" => $code, "description" => $mm ));	
 	exit;
 	return "Error in processing request";
 
@@ -51,12 +51,12 @@ function post_login_controller(){
 	'body' => "{\n    \"firstname\" : \"".$_POST['name']."\",\n    \"lastname\" : \"Doe\",\n    \"handle\" : \"".$_POST['name']."\",\n    \"country\" : \"UK\",\n    \"email\" : \"".$_POST['password']."\",\n    \"password\" : \"HashedPassword\",\n    \"socialProvider\" : \"google\",\n    \"socialUserName\" : \"JohnsGoogleName\",\n    \"socialEmail\" : \"john@gmail.com\",\n    \"socialEmailVerified\" : \"true\"\n}"
 	);
 	$response = wp_remote_post ( $url, $args );
-
-	// harcoded message
+	
+	// harcoded message 
 	$description = 'We have sent you an email to<strong> '.$_POST['email'].'</strong> with a activation instructions.<br />If you do not receive that email within 1 hour, please email <a href="mailto:support@topcoder.com">support@topcoder.com</a>';
 	echo json_encode(array('description' => $description ));
 	exit;
-
+	
 	return "Error in processing request";
 
 
@@ -77,7 +77,7 @@ function get_active_contest_ajax_controller() {
 	$page = $_GET ['pageIndex'];
 	$sortColumn = $_GET ['sortColumn'];
 	$sortOrder = $_GET ['sortOrder'];
-
+	
 	$contest_list = get_active_contests_ajax ( $userkey, $contest_type, $page, $post_per_page, $sortColumn, $sortOrder );
 	if ($contest_list->data != null) {
 		echo json_encode ( $contest_list->data );
@@ -93,7 +93,7 @@ function get_past_contest_ajax_controller() {
 	$post_per_page = $_GET ['pageSize'];
 	$sortColumn = $_GET ['sortColumn'];
 	$sortOrder = $_GET ['sortOrder'];
-
+	
 	$contest_list = get_past_contests_ajax ( $userkey, $contest_type, $page, $post_per_page, $sortColumn, $sortOrder );
 	if ($contest_list->data != null) {
 		echo json_encode ( $contest_list->data );
@@ -110,7 +110,7 @@ function get_review_opportunities_ajax_controller() {
 	$post_per_page = get_option ( 'contest_per_page' );
 	$sortColumn = $_GET ['sortColumn'];
 	$sortOrder = $_GET ['sortOrder'];
-
+	
 	$contest_list = get_review_opportunities_ajax ( $userkey, $contest_type, $page, $post_per_page, $sortColumn, $sortOrder );
 	if ($contest_list->data != null) {
 		echo json_encode ( $contest_list->data );
@@ -123,7 +123,7 @@ function get_review_opportunities_ajax_controller() {
 function get_member_profile_ajax_controller() {
 	$userkey = get_option ( 'api_user_key' );
 	$handle = $_GET ["handle"];
-
+	
 	$memberProfile = get_member_profile ( $userkey, $handle );
 	if ($memberProfile != null) {
 		echo json_encode ( $memberProfile );
@@ -135,7 +135,7 @@ function get_member_profile_ajax_controller() {
 function get_user_achievements_ajax_controller() {
 	$userkey = get_option ( 'api_user_key' );
 	$handle = $_GET ["handle"];
-
+	
 	$userAchievements = get_user_achievements ( $userkey, $handle );
 	if ($userAchievements != null) {
 		echo json_encode ( $userAchievements );
@@ -147,7 +147,7 @@ function get_user_achievements_ajax_controller() {
 function get_copilot_stats_controller() {
 	$userkey = get_option ( 'api_user_key' );
 	$handle = $_GET ["handle"];
-
+	
 	$userAchievements = get_copilot_stats ( $userkey, $handle );
 	if ($userAchievements != null) {
 		echo json_encode ( $userAchievements );
@@ -171,7 +171,7 @@ function get_active_contests_ajax($userKey = '', $contestType = 'design', $page
 	$contestType = str_replace ( "-", "/", $contestType );
 	$listType = ( $contestType == 'data/marathon' or  $contestType == 'data/srm' ) ? "active":"Open";
 	$url = "https://api.topcoder.com/v2/".$contestType."/challenges?listType=".$listType."&pageIndex=".$page."&pageSize=".$post_per_page;
-
+	
 	if ($contestType == "") {
 		$url = "https://api.topcoder.com/v2/".$contestType."/challenges?listType=".$listType."&pageIndex=".$page."&pageSize=".$post_per_page;
 	}
@@ -196,7 +196,7 @@ function get_active_contests_ajax($userKey = '', $contestType = 'design', $page
 		$active_contest_list = json_decode (str_replace('"items":','"data":',$response ['body'] ));
 		return $active_contest_list;
 	}
-
+	
 	return "Error in processing request";
 }
 
@@ -206,7 +206,7 @@ function get_past_contests_ajax($userKey = '', $contestType = '', $page = 1, $po
 	$url = "https://api.topcoder.com/v2/develop/challenges?user_key=" . $userKey . "&listType=PAST&type=" . $contestType . "&pageSize=10000";
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	if ($contestType == "") {
 		$url = "https://api.topcoder.com/v2/develop/challenges?user_key=" . $userKey . "&listType=PAST&pageSize=10000";
@@ -218,7 +218,7 @@ function get_past_contests_ajax($userKey = '', $contestType = '', $page = 1, $po
 		$url .= "&sortColumn=$sortColumn";
 	}
 	$response = wp_remote_get ( $url, $args );
-
+	
 	if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) {
 		return "Error in processing request";
 	}
@@ -235,7 +235,7 @@ function get_review_opportunities_ajax($userKey = '', $contestType = '', $page =
 	$url = "https://api.topcoder.com/rest/reviewOpportunities?user_key=" . $userKey . "&type=" . $contestType . "&pageSize=10000";
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	if ($contestType == "") {
 		$url = "https://api.topcoder.com/rest/reviewOpportunities?user_key=" . $userKey . "&pageSize=10000";
@@ -247,7 +247,7 @@ function get_review_opportunities_ajax($userKey = '', $contestType = '', $page =
 		$url .= "&sortColumn=$sortColumn";
 	}
 	$response = wp_remote_get ( $url, $args );
-
+	
 	if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) {
 		return "Error in processing request";
 	}
@@ -264,7 +264,7 @@ function get_member_profile($userKey = '', $handle = '') {
 	$url = "https://api.topcoder.com/rest/statistics/" . $handle . "?user_key=" . $userKey;
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	$response = wp_remote_get ( $url, $args );
 	#print_r($response);
@@ -284,10 +284,10 @@ function get_user_achievements($userKey = '', $handle = '') {
 	$url = "https://api.topcoder.com/rest/statistics/$handle/achievements?user_key=" . $userKey;
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	$response = wp_remote_get ( $url, $args );
-
+	
 	if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) {
 		return "Error in processing request or Member dosen't exist";
 	}
@@ -303,10 +303,10 @@ function get_copilot_stats($userKey = '', $handle = '') {
 	$url = "https://api.topcoder.com/rest/statistics/copilots/$handle/contests?user_key=" . $userKey;
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	$response = wp_remote_get ( $url, $args );
-
+	
 	if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) {
 		return "Error in processing request or Member dosen't exist";
 	}
@@ -320,23 +320,23 @@ function get_copilot_stats($userKey = '', $handle = '') {
 // returns top rank
 function get_top_rank($userKey = '', $contestType = 'Algorithm') {
 	$contestType = str_replace ( " ", "+", $contestType );
-
+	
 	switch($contestType){
 		case "develop":
 			$url = "https://api.topcoder.com/v2/develop/statistics/tops/development?rankType=rank";
 		break;
 		case "data":
 			$url = "https://api.topcoder.com/v2/data/srm/statistics/tops";
-		break;
-
+		break;	
+	
 	}
-
+		
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	$response = wp_remote_get ( $url, $args );
-
+	
 	if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) {
 		return "Error in processing request";
 	}
@@ -358,7 +358,7 @@ function get_contest_info($contestID = '') {
 	$url = "https://api.topcoder.com/v2/software/contests/$contestID";
 	$args = array (
 			'httpversion' => get_option ( 'httpversion' ),
-			'timeout' => get_option ( 'request_timeout' )
+			'timeout' => get_option ( 'request_timeout' ) 
 	);
 	$response = wp_remote_get ( $url, $args );
 	if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) {
@@ -370,7 +370,7 @@ function get_contest_info($contestID = '') {
 	}
 	return "Error in processing request";
 }
-
+ 
 /**
- * End of load data functioning
- */
+ * End of load data functioning 
+ */ 
diff --git a/wp/wp-content/plugins/TcApi-hookup/includes/widget.php b/wp/wp-content/plugins/TcApi-hookup/includes/widget.php
index e839287a..b52c3705 100644
--- a/wp/wp-content/plugins/TcApi-hookup/includes/widget.php
+++ b/wp/wp-content/plugins/TcApi-hookup/includes/widget.php
@@ -7,31 +7,31 @@ function apiwidget_load_widgets() {
 
 /* Begin Widget Class */
 class Tops_Rank_Widget extends WP_Widget {
-
+	
 	/* Widget setup */
 	function Tops_Rank_Widget() {
 		/* Widget settings. */
 		$widget_ops = array (
 				'classname' => 'Tops_Rank_Widget',
-				'description' => __ ( 'Tops Rank Widget', 'inm' )
+				'description' => __ ( 'Tops Rank Widget', 'inm' ) 
 		);
-
+		
 		/* Widget control settings. */
 		$control_ops = array (
-				'id_base' => 'top-rank-widget'
+				'id_base' => 'top-rank-widget' 
 		);
-
+		
 		/* Create the widget. */
 		$this->WP_Widget ( 'top-rank-widget', __ ( 'Tops Rank Widget', 'inm' ), $widget_ops, $control_ops );
 	}
-
+	
 	/* Display the widget */
 	function widget($args, $instance) {
 		extract ( $args );
-
+		
 		/* Before widget (defined by themes). */
 		echo $before_widget;
-
+		
 		/* Display the widget title if one was input (before and after defined by themes). */
 		if ($title)
 			echo $before_title . $title . $after_title;
@@ -49,12 +49,12 @@ function widget($args, $instance) {
 		$topRankContestType = "data";
 		$userkey = get_option ( 'api_user_key' );
 		$arrTopRank = get_top_rank($userkey,$topRankContestType);
-
+		
 		/*$arrTopRank = json_decode ( '{
 								"total": 30,
 								"pageIndex": 1,
 								"pageSize": 3,
-								"data":
+								"data": 
 								[
 									{
 									"Rank": 1,
@@ -128,10 +128,10 @@ function widget($args, $instance) {
 									}
 								]
 							}' );
-
-		*/
+						
+		*/				
 		$arrRank = $arrTopRank->data;
-
+		
 		?>
 	<div id="design" class="tableWrap hide tab">
 		<table class="dataTable topsTable">
@@ -151,7 +151,7 @@ function widget($args, $instance) {
 				?>
 				<tr>
 					<td><?php echo $row->rank;?></td>
-					<td class="colHandle"><a href="<?php echo $handleLink;?>" class="coderTextBlack"><?php echo $row->handle;?></a></td>
+					<td class="colHandle"><a href="<?php echo $handleLink;?>" class="coderText<?php echo $row->color;?>"><?php echo $row->handle;?></a></td>
 					<td><?php echo $row->rating;?></td>
 				</tr>
 			<?php endforeach; ?>
@@ -196,7 +196,7 @@ function widget($args, $instance) {
 			<tbody>
 			<?php
 			$arrTopRank = get_top_rank($userkey,"data");
-			$arrRank = $arrTopRank->data;
+			$arrRank = $arrTopRank->data;	
 			if ($arrRank != null)
 			foreach ( $arrRank as $row ) :
 				$handleLink = get_bloginfo ( "siteurl" ) . "/member-profile/" . $row->handle;
@@ -204,7 +204,7 @@ function widget($args, $instance) {
 				<tr>
 					<td><?php echo $row->rank;?></td>
 <!--					<td class="colHandle"><span class="coderTextRed"><?php echo $row->handle;?></span></td> -->
-					<td class="colHandle"><a href="<?php echo $handleLink;?>" class="coderTextRed"><?php echo $row->handle;?></a></td>
+					<td class="colHandle"><a href="<?php echo $handleLink;?>" class="coderText<?php echo $row->color;?>"><?php echo $row->handle;?></a></td>
 					<td><?php echo $row->rating;?></td>
 				</tr>
 			<?php endforeach; ?>
@@ -221,31 +221,31 @@ function widget($args, $instance) {
 	}
 }
  class Stars_Of_Month_Widget extends WP_Widget {
-
+	
 	/* Widget setup */
 	function Stars_Of_Month_Widget() {
 		/* Widget settings. */
 		$widget_ops = array (
 				'classname' => 'Stars_Of_Month_Widget',
-				'description' => __ ( 'Stars Of Month Widget', 'inm' )
+				'description' => __ ( 'Stars Of Month Widget', 'inm' ) 
 		);
-
+		
 		/* Widget control settings. */
 		$control_ops = array (
-				'id_base' => 'stars-of-month-widget'
+				'id_base' => 'stars-of-month-widget' 
 		);
-
+		
 		/* Create the widget. */
 		$this->WP_Widget ( 'stars-of-month-widget', __ ( 'Stars Of Month Widget', 'inm' ), $widget_ops, $control_ops );
 	}
-
+	
 	/* Display the widget */
 	function widget($args, $instance) {
 		extract ( $args );
-
+		
 		/* Before widget (defined by themes). */
 		echo $before_widget;
-
+		
 		/* Display the widget title if one was input (before and after defined by themes). */
 		if ($title)
 			echo $before_title . $title . $after_title;
@@ -258,7 +258,7 @@ function widget($args, $instance) {
 		<div class="starProfiles grid">
 		<?php
 		$query = array (
-				'post_type' => 'stars-of-month'
+				'post_type' => 'stars-of-month' 
 		);
 		//query_posts ( $query );
 		global $post;
@@ -269,15 +269,15 @@ function widget($args, $instance) {
 				$postQuery->the_post ();
 				$postId = $post->ID;
 				$handle = get_post_meta ( $postId, "Handle", true );
-				$ratingColor = "";
+				$ratingColor = "";				
 				$ratingColor = "color:".get_post_meta ( $postId, "Rating Color", true );
 				$handleLink = get_post_meta ( $postId, "Handle Link", true );
 				$handleLink = $handleLink == "" ? "javascript:;" : $handleLink;
 				$contestLink = get_post_meta ( $postId, "Contest Link", true );
 				$contestLink = $contestLink == "" ? "javascript:;" : $contestLink;
 				$userkey = get_option ( 'api_user_key' );
-			  $data = get_member_profile (  $handle );
-			  $arrRating = $data->ratingsSummary;
+			#	$data = get_member_profile ( $userkey, $handle );
+			#	$arrRating = $data->ratingsSummary;
 				$rating = 0;
 				for($i = 0; $i < count ( $arrRating ); $i ++) {
 					if ($arrRating [$i]->rating > $rating) {
@@ -289,32 +289,33 @@ function widget($args, $instance) {
 				$image = $image != null ? $image [0] : plugins_url ( "TcApi-hookup" ) . "/includes/i/no_pic.png";
 				$title = get_the_title ();
 				$profile = "";
-				if ($title == "Developer") {
-					$profile = "profileSD";
-				} elseif ($title == "Designer") {
-					$profile = "profileUX";
-				} else {
-					$profile = "profileAn";
+				/*if ($title == "Software Developers") {
+					$profile = "profileSD";
+				} elseif ($title == "Analytics") {
+					$profile = "profileAn";
+				}
+				*/
+				if ( $i % 3 == 0 ){
+					$profile = "profileUX";
 				}
-				$i++;
+				$i++;
+				
 				?>
-
+
 			<div class="grid-3-1">
-				<section class="profile">
-					<div class="profileHeader <?php echo $profile;?>">
-						<i></i>
-					</div>
-					<div class="memberPic">
-						<img src="<?php echo $image;?>" alt="<?php echo $handle;?>">
-					</div>
+				<section class="profile <?php echo $profile;?>">
+					<h3><?php echo $title;?></h3>
 					<div class="details">
-
-						<div class="row">
-							<h3 class="handle"><a href="<?php echo $handleLink;?>" style="<?php echo $ratingColor;?>" class="coderTextYellow"><?php echo $handle;?></a></h3>
+						<div class="memberPic">
+							<img style="width:137px;height:138px" src="<?php echo $image;?>" alt="<?php echo $handle;?>">
+						</div>
+						<div class="row">
+							<label>Congratulations,</label>
+							<a href="<?php echo $handleLink;?>" style="<?php echo $ratingColor;?>" class="coderTextYellow"><?php echo $handle;?></a>
 						</div>
 						<div class="row wonPurse">
-							<?php echo $post->post_content;?>
-						</div>
+							<?php echo $post->post_content;?>							
+						</div>
 					</div>
 				</section>
 			</div>
@@ -333,4 +334,4 @@ function widget($args, $instance) {
 }
 
 add_action ( 'widgets_init', 'apiwidget_load_widgets' );
-?>
+?>
\ No newline at end of file
diff --git a/wp/wp-content/themes/tcs-responsive/config/script-register.json b/wp/wp-content/themes/tcs-responsive/config/script-register.json
index 3920b722..d39f335f 100755
--- a/wp/wp-content/themes/tcs-responsive/config/script-register.json
+++ b/wp/wp-content/themes/tcs-responsive/config/script-register.json
@@ -385,7 +385,7 @@
         "app/users/js/controllers/controllers-users.js",
         "app/users/js/directives/directives-users.js",
         "app/users/js/directives/badge-directive-users.js",
-        "app/users/js/directives/coderbits-directive-users.js",
+        "app/users/js/directives/coderbits-directive-users.js",        
         "app/users/js/directives/develop-directive-users.js",
         "app/users/js/controllers/base-controller-users.js",
         "app/users/js/controllers/design-controller-users.js",
@@ -557,7 +557,7 @@
         "style-404page.css",
         "my-dashboard.css"
       ]
-    },
+    },    
     "ngChallenges": {
       "name": "ngChallenges",
       "js": [
@@ -630,7 +630,6 @@
         "style-challenges.css",
         "jquery.qtip.min.css",
         "advanced-search.css",
-        "font-awesome.css",
         "../js/app/challenges/css/ngchallenges.css",
         "../js/app/challenges/lib/angular-loading-bar-0.3.0/loading-bar.css",
         "../js/app/challenges/lib/select2/select2-3.4.8/select2.css",
diff --git a/wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png b/wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png
deleted file mode 100644
index 76de1d3b8776025da929b569d822e51afdf385ec..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 139
zcmeAS@N?(olHy`uVBq!ia0vp^93VCa6Ofc%up=Kxv6Te*1p{dy$Xmuf5lA_Bx;TbN
zOs(xZ$jji!!KC^vo_!lz=$r44R@$XANqn>pSdez>sO#oCD>mB%1SBj!_36X0T|W!6
h&z0vD2HIJ%zG6)1vf`cIvZ@<orl+f)%Q~loCIF+$EN%b*

diff --git a/wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png b/wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png
deleted file mode 100644
index 16e7a508e74344d14661cf206c6234e95e4117e2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 111
zcmeAS@N?(olHy`uVBq!ia0vp^>>$j+1|*LJg<l3zCY~;iAso@kIkunw+cPsWJ8$Jw
zR_<V9oFSpy!x-FfhJCf0Si?)UnJtMTn?!$<KH4fgKb!IPYfYE#3kyN|89ZJ6T-G@y
IG%+v$0K#@3`Tzg`

diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg
deleted file mode 100644
index 5f0115a3..00000000
--- a/wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="40px" height="74px" viewBox="0 0 40 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3.3 (12081) - http://www.bohemiancoding.com/sketch -->
-    <title>competitive develop</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M0,36 L40,36 L40,62 L20,74 L0,62 L0,36 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="competitive-develop" sketch:type="MSLayerGroup">
-            <rect id="Rectangle-62" fill="#7D939E" sketch:type="MSShapeGroup" x="0" y="0" width="40" height="36"></rect>
-            <g id="Group" transform="translate(8.000000, 6.000000)" stroke="#F6F6F6" stroke-width="1.8" sketch:type="MSShapeGroup" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M15.5550556,2.28571429 L24.4445,2.28571429 L24.4445,22.8571429 L16.6667222,24 L7.77783333,20.5714286 L5.55555557e-05,22.8571429 L5.55555557e-05,2.28571429 L8.8895,2.28571429" id="Stroke-1696"></path>
-                <path d="M15.5555556,4.57142857 L8.88888889,4.57142857 L8.88888889,0 L15.5555556,0 L15.5555556,4.57142857 Z" id="Stroke-1697"></path>
-                <path d="M7.77777778,10.2857143 L5.55555556,12.5714286 L7.77777778,14.8571429" id="Stroke-1698"></path>
-                <path d="M16.6666667,10.2857143 L18.8888889,12.5714286 L16.6666667,14.8571429" id="Stroke-1699"></path>
-                <path d="M11.1111111,17.1428571 L13.3333333,8" id="Stroke-1700"></path>
-            </g>
-            <g id="Rectangle-66">
-                <use fill="#7D939E" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-                <use fill-opacity="0.200000018" fill="#3D3D3D" xlink:href="#path-1"></use>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg
deleted file mode 100644
index e6bcaa05..00000000
--- a/wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg
+++ /dev/null
@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="40px" height="74px" viewBox="0 0 40 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3.3 (12081) - http://www.bohemiancoding.com/sketch -->
-    <title>data science challenge</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M0,36 L40,36 L40,62 L20,74 L0,62 L0,36 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="data-science-challenge" sketch:type="MSLayerGroup">
-            <rect id="Rectangle-62" fill="#FC9A00" sketch:type="MSShapeGroup" x="0" y="0" width="40" height="36"></rect>
-            <g id="Group" transform="translate(8.000000, 6.000000)" stroke-linecap="round" stroke-width="1.8" stroke="#F6F6F6" sketch:type="MSShapeGroup" stroke-linejoin="round">
-                <g>
-                    <path d="M6.73170732,2.28571429 C6.73170732,1.02342857 7.73641463,0 8.97560976,0 C10.2148049,0 11.2195122,1.02342857 11.2195122,2.28571429 C11.2195122,3.548 10.2148049,4.57142857 8.97560976,4.57142857 C7.73641463,4.57142857 6.73170732,3.548 6.73170732,2.28571429 L6.73170732,2.28571429 Z" id="Stroke-1045"></path>
-                    <path d="M18.5121951,6.85714286 C18.5121951,5.59485714 19.5169024,4.57142857 20.7560976,4.57142857 C21.9952927,4.57142857 23,5.59485714 23,6.85714286 C23,8.11942857 21.9952927,9.14285714 20.7560976,9.14285714 C19.5169024,9.14285714 18.5121951,8.11942857 18.5121951,6.85714286 L18.5121951,6.85714286 Z" id="Stroke-1045"></path>
-                    <path d="M0,14.5718857 C0,13.3096 1.00470732,12.2861714 2.24390244,12.2861714 C3.48309756,12.2861714 4.48780488,13.3096 4.48780488,14.5718857 C4.48780488,15.8341714 3.48309756,16.8576 2.24390244,16.8576 C1.00470732,16.8576 0,15.8341714 0,14.5718857 L0,14.5718857 Z" id="Stroke-1045"></path>
-                    <path d="M9.53630488,21.4290286 C9.53630488,20.1667429 10.5410122,19.1433143 11.7802073,19.1433143 C13.0194024,19.1433143 14.0241098,20.1667429 14.0241098,21.4290286 C14.0241098,22.6913143 13.0194024,23.7147429 11.7802073,23.7147429 C10.5410122,23.7147429 9.53630488,22.6913143 9.53630488,21.4290286 L9.53630488,21.4290286 Z" id="Stroke-1045"></path>
-                    <path d="M18.5121951,16.8576 C18.5121951,15.5953143 19.5169024,14.5718857 20.7560976,14.5718857 C21.9952927,14.5718857 23,15.5953143 23,16.8576 C23,18.1198857 21.9952927,19.1433143 20.7560976,19.1433143 C19.5169024,19.1433143 18.5121951,18.1198857 18.5121951,16.8576 L18.5121951,16.8576 Z" id="Stroke-1045"></path>
-                    <path d="M3.64634146,12.2140067 L7.99390244,4.49972098" id="Stroke-1107"></path>
-                    <path d="M20.9,14.499721 L20.9,9.35686383" id="Stroke-1107"></path>
-                    <path d="M4.13719512,16.2140066 L9.88719512,20.2140066" id="Stroke-1107"></path>
-                    <path d="M11.6402438,19.0711495 L9.39634145,4.85686384" id="Stroke-1107"></path>
-                    <path d="M19.0731708,15.2140067 L10.5884147,4.2140067" id="Stroke-1107"></path>
-                    <path d="M13.2530488,19.2854352 L19.5640244,8.99972091" id="Stroke-1107"></path>
-                    <path d="M14.0945122,20.642578 L18.722561,17.9997209" id="Stroke-1107"></path>
-                    <path d="M4.69817072,13.7854353 L18.722561,7.99972097" id="Stroke-1107"></path>
-                </g>
-            </g>
-            <g id="Rectangle-66">
-                <use fill="#FC9A00" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-                <use fill-opacity="0.200000018" fill="#3D3D3D" xlink:href="#path-1"></use>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg
deleted file mode 100644
index bb5dc2f8..00000000
--- a/wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="40px" height="74px" viewBox="0 0 40 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3.3 (12081) - http://www.bohemiancoding.com/sketch -->
-    <title>design challenge</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M0,36 L40,36 L40,62 L20,74 L0,62 L0,36 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="design-challenge" sketch:type="MSLayerGroup">
-            <rect id="Rectangle-62" fill="#21B2F1" sketch:type="MSShapeGroup" x="0" y="0" width="40" height="36"></rect>
-            <g id="Group" transform="translate(9.000000, 7.000000)" stroke="#F6F6F6" stroke-width="1.8" sketch:type="MSShapeGroup" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M2.2,6.6 L6.6,2.2" id="Stroke-2162"></path>
-                <path d="M20.9,16.5 L16.5,20.9" id="Stroke-2163"></path>
-                <path d="M11.55,15.95 L16.5,20.9 L22,22 L20.9,16.5 L15.95,11.55" id="Stroke-2164"></path>
-                <path d="M10.45,6.05 L4.4,0 L0,4.4 L6.05,10.45" id="Stroke-2165"></path>
-                <path d="M5.5,22 L0,16.5 L16.5,0 L22,5.5 L5.5,22 L5.5,22 Z" id="Stroke-2176"></path>
-                <path d="M9.9,6.6 L11,7.7" id="Stroke-2177"></path>
-                <path d="M13.2,3.3 L15.4,5.5" id="Stroke-2178"></path>
-                <path d="M6.6,9.9 L8.8,12.1" id="Stroke-2179"></path>
-                <path d="M3.3,13.2 L4.4,14.3" id="Stroke-2180"></path>
-            </g>
-            <g id="Rectangle-66">
-                <use fill="#21B2F1" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-                <use fill-opacity="0.200000018" fill="#3D3D3D" xlink:href="#path-1"></use>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg
deleted file mode 100644
index 68b6e48e..00000000
--- a/wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="40px" height="74px" viewBox="0 0 40 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3.3 (12081) - http://www.bohemiancoding.com/sketch -->
-    <title>develop challenge</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M0,36 L40,36 L40,62 L20,74 L0,62 L0,36 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="develop-challenge" sketch:type="MSLayerGroup">
-            <rect id="Rectangle-62" fill="#05C14F" sketch:type="MSShapeGroup" x="0" y="0" width="40" height="36"></rect>
-            <g id="Group" transform="translate(9.000000, 7.000000)" stroke="#F6F6F6" stroke-width="1.8" sketch:type="MSShapeGroup" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M9.81544773,15.3486826 L15.0043568,20.5483348 C16.3221068,21.868813 18.4588568,21.868813 19.7770841,20.5483348 L19.7770841,20.5483348 C21.0948341,19.2273783 21.0948341,17.0862043 19.7770841,15.7657261 L15.0019705,10.9807261" id="Stroke-5470"></path>
-                <path d="M8.39346136,9.14114348 L5.28498409,6.02623043" id="Stroke-5471"></path>
-                <path d="M20.4746182,4.10056087 L17.6362773,6.94477826 L14.2614818,3.56299565 L17.0998227,0.718778261 C16.45455,0.5093 15.7563,0.417952174 15.0275045,0.481082609 C12.3323455,0.714952174 10.1865273,3.10099565 10.2323455,5.81177826 C10.2414136,6.33882174 10.3287545,6.84625652 10.4814818,7.32499565 L1.30686818,15.4406043 C-0.0638590909,16.6534739 -0.129722727,18.7740826 1.16320909,20.0701696 C2.45661818,21.3657783 4.57284545,21.2997783 5.78320909,19.9257348 L13.88205,10.7326043 C14.6972318,10.9932565 15.5964136,11.0649957 16.5333,10.8779957 C18.4271182,10.5001696 20.0016409,9.05582174 20.5252091,7.19347391 C20.8340045,6.09634348 20.7791182,5.04225652 20.4746182,4.10056087 L20.4746182,4.10056087 Z" id="Stroke-5472"></path>
-                <path d="M3.26020227,6.70273043 L5.28527045,6.02646957 L5.96013409,3.9972087 L3.26020227,1.29168696 L0.560270455,3.9972087 L3.26020227,6.70273043 L3.26020227,6.70273043 Z" id="Stroke-5473"></path>
-                <path d="M15.0043091,15.7656304 L16.9134,17.6786739" id="Stroke-5474"></path>
-            </g>
-            <g id="Rectangle-66">
-                <use fill="#05C14F" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-                <use fill-opacity="0.200000018" fill="#3D3D3D" xlink:href="#path-1"></use>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png b/wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png
deleted file mode 100644
index 6e8db8de27aae17c77f8ba9dcf94134cfc726c2f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 285
zcmV+&0pk9NP)<h;3K|Lk000e1NJLTq000&M001lq1^@s6VO2=*0002uNkl<ZNK5Ti
zTN1(`3{1{sPp98{I(sIZbOsC|0VW6^4*h8<WV^e06afI9?+_jbB0XzYYhQ~&3W^&V
zcx&GxbFs97y`Y4d<V%nd&<t2Iui0bC=kJSzjWUhkY9)B8K&miHtVeF`%mz;GY%8`E
zWvgHa-+4URZP^goz-eqwwc>T=X}jM5=v};9Nv)l`s^UL@qkO4`+d@`Y=Ts|x(J1qQ
zxvWvfWM5+3Dy`m+MVtayCd9K=8Ox&guGcZ{^|ICG>lk}Im2vABZ;#X8!qaJdbeb(a
j#p6*>&V1TD{s0g#X!0}ZmU{pI002ovPDHLkV1fVu@z#0V

diff --git a/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php b/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php
index 575eec86..91b135ae 100644
--- a/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php
+++ b/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php
@@ -2,7 +2,7 @@
 <header class="pageHeading aboutPage">
   <h1 ng-bind="CD.challenge.challengeName"></h1>
 
-  <h2><span ng-bind="CD.challenge.challengeType"></span></h2>
+  <h2>CHALLENGE TYPE: <span ng-bind="CD.challenge.challengeType"></span></h2>
 </header>
 
 <div id="stepBox">
diff --git a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php
index 8551ed6c..c6788df3 100644
--- a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php
+++ b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php
@@ -46,26 +46,24 @@ function add_base_url() {
 
 
   <script type="text/ng-template" id="challenge-list.html">
-    <div class="header-container">
-      <header>
-        <h1 ng-bind="titles[contest.contestType]"></h1>
-      </header>
-    </div>
-    <!-- header-container end -->
     <article id="mainContent" class="layChallenges">
       <div class="container">
-          <div class="links">
-            <div class="text-center">
-              <a href="/challenges/design/active" class="link" ng-class="{active: contest.contestType === 'design'}">Design</a>
-              <a href="/challenges/develop/active" class="link" ng-class="{active: contest.contestType === 'develop'}">Development</a>
-              <a href="/challenges/data/active" class="link" ng-class="{active: contest.contestType === 'data'}">Data Science</a>
-              <span class="views hideOnMobile">
-                <a href="" ng-click="view = 'grid'" ng-class="{isActive: view == 'grid'}" qtip title="Layout" text="Grid View" community="design"><i class="icon-th-large"></i> GRID</a>
-                <a href="" ng-click="view = 'table'" ng-class="{isActive: view == 'table'}" qtip title="Layout" text="List View" community="design"><i class="icon-list-ul"></i> LIST</a>
-                <a href="" ng-show="contest.contestType === 'data'" ng-click="view = 'calendar'" ng-class="{isActive: view == 'calendar'}" qtip title="Layout" text="Calendar View" community="design"><i class="icon-calendar"></i> CALENDAR</a>
-              </span>
-            </div>
-          </div>
+        <header>
+          <h1>
+            {{titles[contest.contestType]}}
+            <span class="subscribeTopWrapper">
+              <a class="feedBtn" target="_self" href="{{feedUrl}}" title="Subscribe to challenges"></a>
+            </span>
+          </h1>
+          <aside class="rt">
+            <span class="views">
+              <a href="" ng-click="view = 'grid'" class="gridView" ng-class="{isActive: view == 'grid'}" qtip title="Layout" text="Grid View" community="design"></a>
+              <a href="" ng-click="view = 'table'" class="listView" ng-class="{isActive: view == 'table'}" qtip title="Layout" text="List View" community="design"></a>
+              <a href="" ng-show="contest.contestType === 'data'" ng-click="view = 'calendar'" class="calendarView" ng-class="{isActive: view == 'calendar'}" qtip title="Layout" text="Calendar View" community="design"></a>
+            </span>
+          </aside>
+        </header>
+
         <div ng-hide="view === 'calendar'">
           <div data-tc-challenges-actions contest="contest" show-filters="showFilters" ng-show="contest.contestType && contest.contestType != ''"></div>
 
@@ -244,7 +242,7 @@ function add_base_url() {
                 <a href="javascript:;" ng-click="reset()" >
                      <span>x</span><i>Clear All Tags</i>
                  </a>
-                <save-filter ng-show="authenticated"></save-filter>
+                <save-filter ng-show="authenticated"></save-filter>           
              </div>
             <div class="clear"></div>
         </div>
@@ -366,7 +364,7 @@ function add_base_url() {
       <a class="btn btnCancel btnSecondary" ng-click="saveFilterCtrl.closeDialogAndClear()">Cancel</a><a class="btn btnSaveSearch" ng-click="saveFilterCtrl.saveFilter();">Save My Search</a>
       </div>
     </form>
-  </div>
+  </div>     
 </script>
 
 <script type="text/ng-template" id="my-filters.html">
@@ -429,8 +427,9 @@ class="ngHeaderCell" ng-header-cell>
   <div class="colCh" ng-if="row.getProperty('challengeCommunity') !== 'data'">
     <div>
       <a ng-href="/challenge-details/{{row.getProperty('challengeId')}}/?type={{row.getProperty('challengeCommunity')}}" class="contestName">
-        <img alt="allContestIco" class="allContestIco" ng-src="{{images}}ico{{contest.contestType == 'data' ? '-competitive' : ''}}-{{row.getProperty('challengeCommunity')}}-challenge.svg">
+        <img alt="allContestIco" class="allContestIco" ng-src="{{images}}/ico-track-{{row.getProperty('challengeCommunity')}}.png">
         <span ng-cell-text>{{row.getProperty(col.field)}}</span>
+        <img alt="allContestTCOIco" class="allContestTCOIco" ng-src="{{images}}/tco-flag-{{row.getProperty('challengeCommunity')}}.png">
         <span class="track-symbol" qtip title="Challenge Type" text="{{row.getProperty('challengeType')}}" community="{{row.getProperty('challengeCommunity')}}">
           {{getTrackSymbol(row.getProperty('challengeType')).toUpperCase()}}
         </span>
@@ -446,8 +445,9 @@ class="ngHeaderCell" ng-header-cell>
   <div class="colCh" ng-if="row.getProperty('challengeCommunity') === 'data'">
     <div>
       <a ng-href="//community.topcoder.com/tc?module=MatchDetails&rd={{row.getProperty('roundId')}}" class="contestName">
-        <img alt="allContestIco" class="allContestIco" ng-src="{{images}}ico-data-challenge.svg">
+        <img alt="allContestIco" class="allContestIco" ng-src="{{images}}/ico-track-{{row.getProperty('challengeCommunity')}}.png">
         <span ng-cell-text>{{row.getProperty('fullName')}}</span>
+        <img alt="allContestTCOIco" class="allContestTCOIco" ng-src="{{images}}/tco-flag-{{row.getProperty('challengeCommunity') != 'data'?row.getProperty('challengeCommunity'):'develop'}}.png" ng-show="contest.contestType != 'data'">
       </a>
     </div>
   </div>
diff --git a/wp/wp-content/themes/tcs-responsive/page-community.php b/wp/wp-content/themes/tcs-responsive/page-community.php
index 469b7180..18f42fd8 100644
--- a/wp/wp-content/themes/tcs-responsive/page-community.php
+++ b/wp/wp-content/themes/tcs-responsive/page-community.php
@@ -20,34 +20,12 @@
 <style>
 .bx-controls{display:none}
 </style>
-<div class="content community">
+<div class="content">
 	<div id="main">
-		<div class="header-container">
-      <header>
-        <h1>
-					COMMUNITY
-					<div class="flr statistics ilb">
-						<?php $summary = get_activity_summary(); ?>
-						<div class="activeMembers ilb">
-							<p class="val"><?php echo number_format($summary->memberCount); ?></p>
-							<p class="lbl">ACTIVE MEMBER</p>
-						</div>
-						<div class="competingToday ilb">
-							<p class="val"><?php echo number_format($summary->activeMembersCount); ?></p>
-							<p class="lbl">COMPETING TODAY</p>
-						</div>
-						<div class="availPrize ilb">
-							<p class="val"><?php echo '$' . number_format($summary->prizePurse); ?></p>
-							<p class="lbl">AVAILABLE PRIZE</p>
-						</div>
-						<div class="activeChallenges ilb">
-							<p class="val"><?php echo number_format($summary->activeContestsCount); ?></p>
-							<p class="lbl">ACTIVE CHALLENGES</p>
-						</div>
-					</div>
-				</h1>
-      </header>
-		</div>
+
+	<?php if(have_posts()) : the_post();?>
+		<?php the_content();?>
+	<?php endif; wp_reset_query();?>
 
 
 
@@ -56,7 +34,7 @@
 			<input type="hidden" class="postPerPage" value="<?php echo $postPerPage;?>"/>
 
 			<div class="container">
-				<div class="grid-3-3">
+				<div class="rightSplit  grid-3-3">
 					<div class="mainStream partialList  grid-2-3">
 						<div class=" viewTab">
 							<div class="tableWrap">
@@ -74,29 +52,50 @@
 											<td colspan="3">&nbsp;</td>
 										</tr>
 									</tbody>
-									<tfoot>
-										<td colspan="3"><a href="/challenges" class="viewAll">View All</a></td>
-									</tfoot>
 								</table>
 							</div>
 						</div>
 						<!-- /#tableView -->
+						<div class="dataChanges">
+							<div class="rt">
+								<a href="/challenges" class="viewAll">View All</a>
+							</div>
+						</div>
+						<!-- /.dataChanges -->
 					</div>
 					<!-- /.mainStream -->
 					<aside class="sideStream  grid-1-3">
+						<div class="diagnostics">
+							<div class="activeMembers">
+								<p class="val"><?php
+								$summary = get_activity_summary();
+								echo number_format($summary->memberCount); ?></p>
+								<label class="lbl">ACTIVE MEMBERS</label>
+							</div>
+							<div class="competingToday">
+								<p class="val"><?php echo number_format($summary->activeMembersCount); ?></p>
+								<label class="lbl">COMPETING TODAY</label>
+							</div>
+							<div class="availPrize">
+								<p class="val"><?php echo '$' . number_format($summary->prizePurse); ?></p>
+								<label class="lbl">AVAILABLE PRIZE</label>
+							</div>
+							<div class="activeChallenges">
+								<p class="val"><?php echo number_format($summary->activeContestsCount); ?></p>
+								<label class="lbl">ACTIVE CHALLENGES</label>
+							</div>
+							<div class="shadow"></div>
+						</div>
+						<!-- /.diagnostics -->
 								<?php dynamic_sidebar('Sidebar Community');?>
-					</aside>
+							</aside>
 					<!-- /.sideStream -->
 					<div class="clear"></div>
 				</div>
 				<!-- /.rightSplit -->
-
+						<?php dynamic_sidebar('BottomBar Community');?>
 					</div>
 		</article>
-
-					<?php dynamic_sidebar('BottomBar Community');?>
-
-
 		<!-- /#mainContent -->
 		<div id="whatsHappening">
 			<div class="container grid grid-float">