usergrid-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From snoopd...@apache.org
Subject [14/41] updating portal with latest code base
Date Mon, 24 Feb 2014 07:21:09 GMT
http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/css/main.css
----------------------------------------------------------------------
diff --git a/portal/css/main.css b/portal/css/main.css
index f7a2877..787a963 100644
--- a/portal/css/main.css
+++ b/portal/css/main.css
@@ -1,406 +1,405 @@
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
-  display: none;
+    display: none;
 }
 
 html{
-  min-height: 100%;
-  position:relative;
-  margin: 0 auto;
-  background: #fff;
-  min-width: 1100px;
+    min-height: 100%;
+    position:relative;
+    margin: 0 auto;
+    background: #fff;
+    min-width: 1100px;
 }
 
 body {
-  padding: 0;
-  background-color: #fff;
-  font-family: 'marquette-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  height: 100%;
-  max-height: 100%;
-  overflow-x:hidden;
+    padding: 0;
+    background-color: #fff;
+    font-family: 'marquette-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    height: 100%;
+    max-height: 100%;
+    overflow-x:hidden;
 }
 
 a {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 @font-face {
-  font-family: 'entypo';
-  src: url('entypo/entypo.eot');
-  src: url('entypo/entypo.eot?#iefix') format('embedded-opentype'), url('entypo/entypo.woff') format('woff'), url('entypo/entypo.ttf') format('truetype'), url('entypo/entypo.svg#entypo') format('svg');
-  font-weight: normal;
-  font-style: normal;
+    font-family: 'entypo';
+    src: url('entypo/entypo.eot');
+    src: url('entypo/entypo.eot?#iefix') format('embedded-opentype'), url('entypo/entypo.woff') format('woff'), url('entypo/entypo.ttf') format('truetype'), url('entypo/entypo.svg#entypo') format('svg');
+    font-weight: normal;
+    font-style: normal;
 }
 
 @font-face {
-  font-family: 'marquette-medium';
-  src: url('arsmarquette/ARSMaquettePro-Medium.otf'), url('arsmarquette/ARSMaquettePro-Medium.otf') format('opentype');
+    font-family: 'marquette-medium';
+    src: url('arsmarquette/ARSMaquettePro-Medium.otf'), url('arsmarquette/ARSMaquettePro-Medium.otf') format('opentype');
 }
 
 @font-face {
-  font-family: 'marquette-regular';
-  src: url('arsmarquette/ARSMaquettePro-Regular.otf'), url('arsmarquette/ARSMaquettePro-Regular.otf') format('opentype');
+    font-family: 'marquette-regular';
+    src: url('arsmarquette/ARSMaquettePro-Regular.otf'), url('arsmarquette/ARSMaquettePro-Regular.otf') format('opentype');
 }
 
 @font-face {
-  font-family: 'marquette-light';
-  src: url('arsmarquette/ARSMaquettePro-Light.otf'), url('arsmarquette/ARSMaquettePro-Light.otf') format('opentype');
+    font-family: 'marquette-light';
+    src: url('arsmarquette/ARSMaquettePro-Light.otf'), url('arsmarquette/ARSMaquettePro-Light.otf') format('opentype');
 }
 
 .bold {
-  font-family: 'marquette-medium';
+    font-family: 'marquette-medium';
 }
 
 /*--------------------- structural setup*/
 .main-content {
-  background-color: white;
-  margin: 0 0 0 200px;
+    background-color: white;
+    margin: 0 0 0 200px;
 }
 
 .page-holder {
-  /*position:relative;*/
+    /*position:relative;*/
 }
 
 .side-menu {
-  position: absolute;
-  top: 51px;
-  left: 0;
-  bottom: 0;
-  width: 200px;
-  float: left;
-  background-color: #eee;
+    position: absolute;
+    top: 51px;
+    left: 0;
+    bottom: 0;
+    width: 200px;
+    float: left;
+    background-color: #eee;
 }
 
 footer {
-  padding-top: 20px;
-  clear: both;
+    padding-top: 20px;
+    clear: both;
 }
 
 
 /*zero out... for bootstrap nonsense*/
 .zero-out {
-  padding: 0;
-  text-shadow: none;
-  background-color: transparent;
-  background-image: none;
-  border: none;
-  box-shadow: none;
-  outline: none;
+    padding: 0;
+    text-shadow: none;
+    background-color: transparent;
+    background-image: none;
+    border: none;
+    box-shadow: none;
+    outline: none;
 }
 
 .modal-body {
-  overflow-y: visible;
+    overflow-y: visible;
 }
 
 .demo-holder {
-  margin: 0 -20px 0 -20px;
-  position:relative;
+    margin: 0 -20px 0 -20px;
+    position:relative;
 }
 
 .alert-holder {
-  position: fixed;
-  right: 0;
-  margin: 20px 20px 0 0;
-  z-index: 1050;
-  width: 302px;
+    position: fixed;
+    right: 0;
+    margin: 20px 20px 0 0;
+    z-index: 10500;
+    width: 302px;
 }
 
 .alert,
 .alert.alert-demo {
-  padding: 9px 35px 5px 14px;
-  margin-bottom: 3px;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  background-color: #eee;
-  border: 1px solid #eee;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  -webkit-transition: all 1s ease;
-  -moz-transition: all 1s ease;
-  transition: all 1s ease;
-  height: 0;
-  overflow: hidden;
-  opacity: 0;
-  line-height: 0;
-  float: right;
+    padding: 9px 35px 5px 14px;
+    margin-bottom: 3px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    background-color: #eee;
+    border: 1px solid #eee;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-transition: all 1s ease;
+    -moz-transition: all 1s ease;
+    transition: all 1s ease;
+    height: 0;
+    overflow: hidden;
+    line-height: 0;
+    float: right;
 }
 
 .alert.alert-demo {
-  float: none;
+    float: none;
 }
 
 .alert {
-  width: 0;
+    width: 0;
 }
 
 .alert.alert-success {
-   background-color: rgba(155, 198, 144, 0.31);
-   color: #1f6719;
-   border-left: 2px solid #1f6719;
- }
+    background-color: rgba(155, 198, 144, 0.31);
+    color: #1f6719;
+    border-left: 2px solid #1f6719;
+}
 
 .alert.alert-warning {
-  background-color: rgba(239,172,37,0.2);
-  color: rgb(239,172,37);
-  border-left: 2px solid rgb(239,172,37);
-  /*border: 1px solid rgb(239,172,37);*/
+    background-color: rgba(239,172,37,0.2);
+    color: rgb(239,172,37);
+    border-left: 2px solid rgb(239,172,37);
+    /*border: 1px solid rgb(239,172,37);*/
 }
 
 .alert.alert-info {
-  background-color: rgba(27,151,209,0.2);
-  color: rgb(27,151,209);
-  border-left: 2px solid rgb(27,151,209);
-  /*border: 1px solid rgb(27,151,209);*/
+    background-color: rgba(27,151,209,0.2);
+    color: rgb(27,151,209);
+    border-left: 2px solid rgb(27,151,209);
+    /*border: 1px solid rgb(27,151,209);*/
 }
 
 .alert.alert-error {
-  background-color: rgba(255,3,3,0.2);
-  color: rgb(255,3,3);
-  border-left: 2px solid rgb(255,3,3);
-  /*border: 1px solid rgb(255,3,3);*/
+    background-color: rgba(255,3,3,0.2);
+    color: rgb(255,3,3);
+    border-left: 2px solid rgb(255,3,3);
+    /*border: 1px solid rgb(255,3,3);*/
 }
 
 .alert.alert-animate.alert-demo {
-  height: 20px;
-  line-height: normal;
-  opacity: 1;
-  width: 100%;
-  -moz-box-shadow:    inset 0 2px 13px #b8b8b8;
-  -webkit-box-shadow: inset 0 2px 13px #b8b8b8;
-  box-shadow:         inset 0 2px 13px #b8b8b8;
-  /*overflow: visible;*/
+    height: 20px;
+    line-height: normal;
+    opacity: 1;
+    width: 100%;
+    -moz-box-shadow:    inset 0 2px 13px #b8b8b8;
+    -webkit-box-shadow: inset 0 2px 13px #b8b8b8;
+    box-shadow:         inset 0 2px 13px #b8b8b8;
+    /*overflow: visible;*/
 }
 
 .alert.alert-animate {
-  height: auto;
-  line-height: normal;
-  opacity: .9;
-  width: 300px;
-  /*overflow: visible;*/
+    height: auto;
+    line-height: normal;
+    opacity: .9;
+    width: 300px;
+    /*overflow: visible;*/
 }
 
 
 
 @-webkit-keyframes alert-out
 {
-  from {
-    /*-webkit-transform: translateY(100%);*/
-    opacity: 1;
-  }
-  to {
-    -webkit-transform: translateY(500px);
-    opacity: 0;
-  }
+    from {
+        /*-webkit-transform: translateY(100%);*/
+        opacity: 1;
+    }
+    to {
+        -webkit-transform: translateY(500px);
+        opacity: 0;
+    }
 }
 
 @keyframes alert-out
 {
-  from {
-    /*transform: scale(1,1);*/
-    opacity: 1;
-  }
-  to {
-    transform: translateY(500px);
-    opacity: 0;
-  }
+    from {
+        /*transform: scale(1,1);*/
+        opacity: 1;
+    }
+    to {
+        transform: translateY(500px);
+        opacity: 0;
+    }
 }
 
 .fade-out {
-  -webkit-animation-name: alert-out;
-  -webkit-animation-duration: 1s;
-  -webkit-animation-timing-function: step-stop;
-  -webkit-animation-direction: normal;
-  -webkit-animation-iteration-count: 1;
-  /*-webkit-transform: scale(0,0);*/
-  animation-name: alert-out;
-  animation-duration: 1s;
-  animation-timing-function: step-stop;
-  animation-direction: normal;
-  animation-iteration-count: 1;
-  /*transform: scale(0,0);*/
-  opacity: .9;
+    -webkit-animation-name: alert-out;
+    -webkit-animation-duration: 1s;
+    -webkit-animation-timing-function: step-stop;
+    -webkit-animation-direction: normal;
+    -webkit-animation-iteration-count: 1;
+    /*-webkit-transform: scale(0,0);*/
+    animation-name: alert-out;
+    animation-duration: 1s;
+    animation-timing-function: step-stop;
+    animation-direction: normal;
+    animation-iteration-count: 1;
+    /*transform: scale(0,0);*/
+    opacity: .9;
 }
 
 .margin-35 {
-  margin-top: 35px;
+    margin-top: 35px;
 }
 
 .modal-footer {
-  background-color: transparent;
+    background-color: transparent;
 }
 
 
 /*------------------ balloons*/
 
 .baloon {
-  margin: 20px;
-  padding: 20px 30px;
-  position: fixed;
-  bottom: 0;
-  top: auto;
-  border-style: solid;
-  border-radius: 2px;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
-  /*text-shadow: 0 -1px 0px rgba(255, 255, 255, 0.50);*/
+    margin: 20px;
+    padding: 20px 30px;
+    position: fixed;
+    bottom: 0;
+    top: auto;
+    border-style: solid;
+    border-radius: 2px;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
+    /*text-shadow: 0 -1px 0px rgba(255, 255, 255, 0.50);*/
 }
 
 .baloon:after {
-  content: "";
-  position: absolute;
-  width: 10px;
-  height: 10px;
+    content: "";
+    position: absolute;
+    width: 10px;
+    height: 10px;
 
-  -webkit-transform: rotate(45deg);
-  -moz-transform: rotate(45deg);
-  -o-transform: rotate(45deg);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865473, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865473, SizingMethod='auto expand')";
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865473, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865473, SizingMethod='auto expand')";
 }
 
 
 .north.baloon:after {
-  top: -6px;
-  left: 30px;
-  border-top-style: solid;
-  border-left-style: solid;
-  box-shadow: -2px -2px 3px -1px rgba(0, 0, 0, 0.5)
+    top: -6px;
+    left: 30px;
+    border-top-style: solid;
+    border-left-style: solid;
+    box-shadow: -2px -2px 3px -1px rgba(0, 0, 0, 0.5)
 }
 
 .south.baloon:after {
-  bottom: -6px;
-  left: 30px;
-  border-bottom-style: solid;
-  border-right-style: solid;
-  box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.5)
+    bottom: -6px;
+    left: 30px;
+    border-bottom-style: solid;
+    border-right-style: solid;
+    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.5)
 }
 
 
 .left.baloon:after {
-  top: 10px;
-  left: -6px;
-  border-bottom-style: solid;
-  border-left-style: solid;
-  box-shadow: -2px 2px 3px -1px rgba(0, 0, 0, 0.5)
+    top: 10px;
+    left: -6px;
+    border-bottom-style: solid;
+    border-left-style: solid;
+    box-shadow: -2px 2px 3px -1px rgba(0, 0, 0, 0.5)
 }
 
 
 .right.baloon:after {
-  bottom: 10px;
-  right: -6px;
-  border-top-style: solid;
-  border-right-style: solid;
-  box-shadow: 2px -2px 3px -1px rgba(0, 0, 0, 0.5)
+    bottom: 10px;
+    right: -6px;
+    border-top-style: solid;
+    border-right-style: solid;
+    box-shadow: 2px -2px 3px -1px rgba(0, 0, 0, 0.5)
 }
 
 .baloon, .baloon:after {
-  font-family: sans-serif;
-  font-weight: bold;
-  border-color: #f7f7f7;
-  border-width: 1px;
-  background-color: #3ac62f;
-  color: #fff;
+    font-family: sans-serif;
+    font-weight: bold;
+    border-color: #f7f7f7;
+    border-width: 1px;
+    background-color: #3ac62f;
+    color: #fff;
 }
 
 
 /*----------------- app switcher*/
 
 #globalNav {
-  float: right;
-  margin: 15px 8px 0 9px;
-  list-style: none;
-  width: 114px;
+    float: right;
+    margin: 15px 8px 0 9px;
+    list-style: none;
+    width: 114px;
 }
 
 #globalNav ul {
-  list-style: none;
+    list-style: none;
 }
 
 #globalNavDetail > div {
-  display: none;
-  color: graytext;
-  background-image: none;
-  background-repeat: no-repeat;
-  background-position: 0 0;
-  min-height: 64px;
+    display: none;
+    color: graytext;
+    background-image: none;
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    min-height: 64px;
 }
 
 #globalNavDetail #globalNavDetailApiPlatform {
-  background-image: url('../img/appswitcher/apiPlatform_lg.png');
+    background-image: url('../img/appswitcher/apiPlatform_lg.png');
 }
 
 #globalNavDetail #globalNavDetailAppServices {
-  background-image: url('../img/appswitcher/appServices_lg.png');
+    background-image: url('../img/appswitcher/appServices_lg.png');
 }
 
 #globalNavDetail #globalNavDetailApigeeHome {
-  margin-top: -10px;
-  background-image: url('../img/appswitcher/home_lg.png');
+    margin-top: -10px;
+    background-image: url('../img/appswitcher/home_lg.png');
 }
 
 #globalNavDetail #globalNavDetailApiConsoles {
-  background-image: url('../img/appswitcher/console_lg.png');
+    background-image: url('../img/appswitcher/console_lg.png');
 }
 
 #globalNavDetail #globalNavDetailApigeeHome .globalNavDetailApigeeLogo {
-  margin-top: 10px;
-  background-image: url('../img/appswitcher/logo_color.png');
-  width: 116px;
-  height: 40px;
+    margin-top: 10px;
+    background-image: url('../img/appswitcher/logo_color.png');
+    width: 116px;
+    height: 40px;
 }
 
 #globalNavDetail > div .globalNavDetailDescription {
-  margin-top: 10px;
-  line-height: 17px;
-  font-style: oblique;
+    margin-top: 10px;
+    line-height: 17px;
+    font-style: oblique;
 }
 
 #globalNavDetail > div .globalNavDetailSubtitle {
-  font-size: 10px;
-  text-transform: uppercase;
+    font-size: 10px;
+    text-transform: uppercase;
 }
 
 #globalNavDetail > div .globalNavDetailTitle {
-  margin-top: 5px;
-  font-size: 20px;
+    margin-top: 5px;
+    font-size: 20px;
 }
 
 #globalNavDetail > div .globalNavDetailDescription {
-  margin-top: 10px;
-  line-height: 17px;
-  font-style: oblique;
+    margin-top: 10px;
+    line-height: 17px;
+    font-style: oblique;
 }
 
 .navbar.navbar-static-top .dropdownContainingSubmenu .dropdown-menu a {
-  color: #494949;
-  padding: 13px 10px;
+    color: #494949;
+    padding: 13px 10px;
 }
 
 .navbar.navbar-static-top .dropdownContainingSubmenu .dropdown-menu .active a {
 
-  color: #ffffff;
-  background-color: #bb2d16;
+    color: #ffffff;
+    background-color: #bb2d16;
 }
 
 
 
 .navbar.navbar-static-top .dropdown-menu a {
-  display: block;
-  padding: 3px 15px;
-  clear: both;
-  font-weight: normal;
-  line-height: 18px;
-  color: #333333;
-  white-space: nowrap;
+    display: block;
+    padding: 3px 15px;
+    clear: both;
+    font-weight: normal;
+    line-height: 18px;
+    color: #333333;
+    white-space: nowrap;
 }
 
 
 #globalNav .dropdown-toggle {
-  border-radius: 3px;
-  padding: 3px 6px 3px 6px;
-  margin: 0;
+    border-radius: 3px;
+    padding: 3px 6px 3px 6px;
+    margin: 0;
 }
 
 .dropdown-toggle{
-  background-color: #bb2d16;
-  padding: 3px;
+    background-color: #bb2d16;
+    padding: 3px;
 }
 
 
@@ -412,304 +411,304 @@ footer {
 }
 
 .demo-holder .alert.alert-demo {
-  background-color: rgba(196, 196, 196, 0.10);
-  color: rgb(119, 119, 119);
-  padding: 12px 35px 7px 14px;
+    background-color: rgba(196, 196, 196, 0.10);
+    color: rgb(119, 119, 119);
+    padding: 12px 35px 7px 14px;
 }
 
 .demo-holder-content {
-  position: absolute;
-  right: 50px;
+    position: absolute;
+    right: 50px;
 }
 
 .demo-text {
-  position: absolute;
-  right: 223px;
-  left: 0;
-  padding: 0 0 0 10px;
+    position: absolute;
+    right: 223px;
+    left: 0;
+    padding: 0 0 0 10px;
 }
 
 .b {
-  display: block;
+    display: block;
 }
 
 .toggle,
 .toggle-form {
-  position: absolute;
-  top: 10px;
-  right: 173px;
-  width: 50px;
-  height: 23px;
-  border-radius: 100px;
-  background-color: #ddd;
-  /*margin: -20px -40px;*/
-  overflow: hidden;
-  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
+    position: absolute;
+    top: 10px;
+    right: 173px;
+    width: 50px;
+    height: 23px;
+    border-radius: 100px;
+    background-color: #ddd;
+    /*margin: -20px -40px;*/
+    overflow: hidden;
+    box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
 
 }
 
 
 .form-horizontal.configs .control-label {
-  width: 250px;
-  padding: 0 10px 0 0;
+    width: 250px;
+    padding: 0 10px 0 0;
 }
 
 
 .toggle-form {
-  position: relative;
-  right: auto;
-  top: auto;
-  display: inline-block;
+    position: relative;
+    right: auto;
+    top: auto;
+    display: inline-block;
 }
 
 .toggle-form-label {
-  display: inline-block;
+    display: inline-block;
 }
 
 input[type="checkbox"].check {
-  position: absolute;
-  display: block;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  z-index: 6;
+    position: absolute;
+    display: block;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    z-index: 6;
 }
 
 .check:checked ~ .track {
-  box-shadow: inset 0 0 0 20px #ff3b00;
+    box-shadow: inset 0 0 0 20px #ff3b00;
 }
 
 .toggle-form .check:checked ~ .track {
-  box-shadow: inset 0 0 0 20px #82ce85;
+    box-shadow: inset 0 0 0 20px #82ce85;
 }
 
 .check:checked ~ .switch {
-  right: 2px;
-  left: 27px;
-  transition: .4s ease;
-  transition-property: left, right;
-  transition-delay: .05s, 0s;
+    right: 2px;
+    left: 27px;
+    transition: .4s ease;
+    transition-property: left, right;
+    transition-delay: .05s, 0s;
 }
 
 .switch {
-  position: absolute;
-  left: 2px;
-  top: 2px;
-  bottom: 2px;
-  right: 27px;
-  background-color: #fff;
-  border-radius: 36px;
-  z-index: 1;
-  transition: .4s ease;
-  transition-property: left, right;
-  transition-delay: 0s, .05s;
-  box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    position: absolute;
+    left: 2px;
+    top: 2px;
+    bottom: 2px;
+    right: 27px;
+    background-color: #fff;
+    border-radius: 36px;
+    z-index: 1;
+    transition: .4s ease;
+    transition-property: left, right;
+    transition-delay: 0s, .05s;
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
 }
 
 .track {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transition: .4s ease;
-  box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
-  border-radius: 40px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    transition: .4s ease;
+    box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
+    border-radius: 40px;
 }
 
 
 /*li {*/
-  /*line-height: 26px;*/
+/*line-height: 26px;*/
 /*}*/
 
 
 /*------------------------ icons*/
 top-selector .pictogram,
 .add-app .pictogram {
-  margin: 0 3px 0 0;
+    margin: 0 3px 0 0;
 }
 
 i.pictogram {
-  font-family: "entypo";
-  display: inline-block;
-  width: 23px;
-  margin: 0 5px 0 0;
-  font-size: 2.5em;
-  height: 17px;
-  line-height: 0.35;
-  overflow:hidden;
-  vertical-align: middle;
-  padding: 5px 0 0 0;
-  font-style: normal;
-  font-weight: 100;
-  -webkit-font-smoothing: antialiased;
+    font-family: "entypo";
+    display: inline-block;
+    width: 23px;
+    margin: 0 5px 0 0;
+    font-size: 2.5em;
+    height: 17px;
+    line-height: 0.35;
+    overflow:hidden;
+    vertical-align: middle;
+    padding: 5px 0 0 0;
+    font-style: normal;
+    font-weight: 100;
+    -webkit-font-smoothing: antialiased;
 }
 
 i.pictogram.sub {
-  margin: 0 0 0 10px;
-  font-size: 2.1em;
+    margin: 0 0 0 10px;
+    font-size: 2.1em;
 }
 
 i.pictogram.title {
-  margin: 0 0 0 0;
-  font-size: 2.1em;
+    margin: 0 0 0 0;
+    font-size: 2.1em;
 }
 
 i.pictogram.chart {
-  margin: 0 0 0 3px;
-  font-size: 2.1em;
-  line-height: .4em;
-  height: .5em;
-  width: 100%;
+    margin: 0 0 0 3px;
+    font-size: 2.1em;
+    line-height: .4em;
+    height: .5em;
+    width: 100%;
 }
 
 i.pictogram.apichart {
-  margin: 0 0 0 11px;
-  font-size: 2.1em;
-  line-height: .4em;
-  height: .5em;
-  width: 100%;
+    margin: 0 0 0 11px;
+    font-size: 2.1em;
+    line-height: .4em;
+    height: .5em;
+    width: 100%;
 }
 
 [class^="ma-icon-"], [class*=" ma-icon-"] {
-  display: inline-block;
-  width: 23px;
-  height: 20px;
-  margin: 1px 3px 0 0;
-  line-height: 20px;
-  vertical-align: text-top;
-  background-image: url("../img/nav-sprites.png");
-  background-position: 14px 14px;
-  background-repeat: no-repeat;
+    display: inline-block;
+    width: 23px;
+    height: 20px;
+    margin: 1px 3px 0 0;
+    line-height: 20px;
+    vertical-align: text-top;
+    background-image: url("../img/nav-sprites.png");
+    background-position: 14px 14px;
+    background-repeat: no-repeat;
 }
 
 [class^="sdk-icon-"], [class*=" sdk-icon-"] {
-  display: inline-block;
-  width: 32px;
-  height: 29px;
-  margin: -3px 3px 0 0;
-  line-height: 32px;
-  vertical-align: text-top;
-  background-image: url("../img/sdk-sprites.png");
-  background-position: 14px 14px;
-  background-repeat: no-repeat;
-  cursor: pointer;
-  overflow:hidden;
+    display: inline-block;
+    width: 32px;
+    height: 29px;
+    margin: -3px 3px 0 0;
+    line-height: 32px;
+    vertical-align: text-top;
+    background-image: url("../img/sdk-sprites.png");
+    background-position: 14px 14px;
+    background-repeat: no-repeat;
+    cursor: pointer;
+    overflow:hidden;
 }
 
 [class^="sdk-icon-large-"], [class*=" sdk-icon-large-"] {
-  display: inline-block;
-  width: 86px;
-  height: 86px;
-  margin: -3px 3px 0 0;
-  line-height: 32px;
-  vertical-align: text-top;
-  background-image: url("../img/sdk-sprites-large.png");
-  background-position: 14px 14px;
-  background-repeat: no-repeat;
-  border:1px solid #aaa;
-  -moz-box-shadow:    3px 3px 0px -1px #ccc;
-  -webkit-box-shadow: 3px 3px 0px -1px #ccc;
-  box-shadow:         3px 3px 0px -1px #ccc;
+    display: inline-block;
+    width: 86px;
+    height: 86px;
+    margin: -3px 3px 0 0;
+    line-height: 32px;
+    vertical-align: text-top;
+    background-image: url("../img/sdk-sprites-large.png");
+    background-position: 14px 14px;
+    background-repeat: no-repeat;
+    border:1px solid #aaa;
+    -moz-box-shadow:    3px 3px 0px -1px #ccc;
+    -webkit-box-shadow: 3px 3px 0px -1px #ccc;
+    box-shadow:         3px 3px 0px -1px #ccc;
 }
 
 .sdk-icon-ios {
-  background-position: -6px -4px;
+    background-position: -6px -4px;
 }
 
 .sdk-icon-android {
-  background-position: -59px -3px;
+    background-position: -59px -3px;
 }
 
 .sdk-icon-js {
-  background-position: -109px -4px;
+    background-position: -109px -4px;
 }
 
 .sdk-icon-node {
-  background-position: -154px -3px;
+    background-position: -154px -3px;
 }
 
 .sdk-icon-ruby {
-  background-position: -204px -3px;
+    background-position: -204px -3px;
 }
 
 .sdk-icon-net {
-  background-position: -256px -4px;
+    background-position: -256px -4px;
 }
 
 
 .sdk-icon-large-ios {
-  background-position: -6px -3px;
+    background-position: -6px -3px;
 }
 
 .sdk-icon-large-android {
-  background-position: -113px 0;
+    background-position: -113px 0;
 }
 
 .sdk-icon-large-js {
-  background-position: -219px 0;
+    background-position: -219px 0;
 }
 
 .sdk-icon-large-node {
-  background-position: -323px -3px;
+    background-position: -323px -3px;
 }
 
 .sdk-icon-large-ruby {
-  background-position: -431px 0;
+    background-position: -431px 0;
 }
 
 .sdk-icon-large-net {
-  background-position: -537px -3px;
+    background-position: -537px -3px;
 }
 
 /*---------------------------- orange apigee header*/
 
 body > header > .navbar {
-  background-color: #ff3b00;
+    background-color: #ff3b00;
 }
 
 /*apigee logo*/
 body > header .navbar:first-child > a {
-  height: 22px;
-  line-height: 22px;
-  padding: 10px 20px 20px 13px;
+    height: 22px;
+    line-height: 22px;
+    padding: 10px 20px 20px 13px;
 }
 
 .navbar.navbar-static-top a {
-  text-shadow: none;
-  color: #fff;
+    text-shadow: none;
+    color: #fff;
 }
 
 .navbar-text {
-  color: #fff;
-  margin: 4px;
+    color: #fff;
+    margin: 4px;
 }
 
 .navbar-text .dropdown-menu a {
-  color: #343434;
+    color: #343434;
 }
 
 /*---------------------------secondary header (org/app nav + sdks)*/
 
 .top-nav {
-  background-color: #fff;
-  /*border-right: 3px solid #e6e6e6;*/
-  /*border-left: 3px solid #e6e6e6;*/
+    background-color: #fff;
+    /*border-right: 3px solid #e6e6e6;*/
+    /*border-left: 3px solid #e6e6e6;*/
 }
 
 ul.org-nav li {
-  background-color: #fff;
- /* border-bottom: 3px solid #e6e6e6;*/
+    background-color: #fff;
+    /* border-bottom: 3px solid #e6e6e6;*/
 }
 ul.app-nav li {
     background-color: #fff;
     /* border-bottom: 3px solid #e6e6e6;*/
 }
 .top-nav .btn-group {
-  margin: 9px 0 5px 5px;
+    margin: 9px 0 5px 5px;
 }
 
 .nav .org-selector .caret,
@@ -720,81 +719,81 @@ ul.app-nav li {
 .nav .app-selector:focus .caret,
 .nav .app-selector:active .caret,
 .nav .app-selector:hover .caret{
-  border-top-color: #5f5f5f;
-  border-bottom-color: transparent;
-  margin-top: 8px;
-  position: absolute;
-  right: 10px;
+    border-top-color: #5f5f5f;
+    border-bottom-color: transparent;
+    margin-top: 8px;
+    position: absolute;
+    right: 10px;
 }
 
 .org-options {
-  margin: 5px 2px -8px -5px;
-  border-top: 3px solid #e6e6e6;
-  overflow: hidden;
+    margin: 5px 2px -8px -5px;
+    border-top: 3px solid #e6e6e6;
+    overflow: hidden;
 }
 
 .navbar.secondary {
-  margin: 0 -20px 0 -21px;
-  border-bottom: 3px solid #e6e6e6;
+    margin: 0 -20px 0 -21px;
+    border-bottom: 3px solid #e6e6e6;
 }
 
 .navbar.secondary > .container-fluid {
-  margin: 0 -20px 0 -18px;
+    margin: 0 -20px 0 -18px;
 }
 
 .navbar.secondary .nav {
-  margin: 0 0 0 0;
+    margin: 0 0 0 0;
 }
 
 .top-nav,
 .navbar.secondary > .container-fluid .nav-collapse.collapse.span9 {
-  margin: 0;
+    margin: 0;
 }
 
 .top-nav > li,
 .top-nav > li > div {
-  width: 100%;
+    width: 100%;
 }
 
 .span9.button-area {
-  margin-left: 0;
+    margin-left: 0;
 }
 
 .navbar .nav a.btn-create i {
-  margin: 1px 0 0 0;
-  /*line-height: 0.2;*/
+    margin: 1px 0 0 0;
+    /*line-height: 0.2;*/
 }
 
 .navbar .nav a.btn-create,
 .navbar .nav a.btn-create:hover{
-  text-align: left;
-  font-weight: normal;
-  color: #1b70a0;
-  padding: 0 0 0 10px;
-  margin: 4px 0 0 3px;
-  display: block;
-  width: 140px;
-  height: 30px;
-  line-height: 30px;
-  background-color: #f3f3f3
+    text-align: left;
+    font-weight: normal;
+    color: #1b70a0;
+    padding: 0 0 0 10px;
+    margin: 4px 0 0 3px;
+    display: block;
+    width: 140px;
+    height: 30px;
+    line-height: 30px;
+    background-color: #f3f3f3
 }
 
 
 .navbar .nav a.btn-create:hover {
-  color: #1b70a0;
+    color: #1b70a0;
 }
 
 .navbar .nav a.btn-create:active {
-  box-shadow: none;
+    box-shadow: none;
 }
 
 .sdks > ul > li.title label {
-  color: #5f5f5f;
-  font-size: 15px;
-  display: inline-block;
-  padding: 16px 0 0 0;
-  line-height: 6px;
-  cursor: default;
+    color: #5f5f5f;
+    font-size: 15px;
+    display: inline-block;
+    padding: 16px 0 0 0;
+    line-height: 6px;
+    cursor: default;
 }
 
 .sdks > ul > li.title a {
@@ -806,16 +805,16 @@ ul.app-nav li {
 }
 
 .sdks > ul {
-  list-style: none;
-  margin: 0;
-  height: 32px;
-  overflow: hidden;
+    list-style: none;
+    margin: 0;
+    height: 32px;
+    overflow: hidden;
 }
 
 .sdks > ul > li {
-  display: inline;
-  margin: 0 10px 0 0;
-  line-height: 11px;
+    display: inline;
+    margin: 0 10px 0 0;
+    line-height: 11px;
 }
 
 .side-menu .dropdown-menu,
@@ -823,11 +822,11 @@ ul.app-nav li {
 .navbar.secondary .btn-group > .btn,
 .navbar.secondary .btn-group > .dropdown-menu,
 .side-menu .btn-group > .btn {
-  text-transform: uppercase;
-  font-family: 'marquette-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  color: #5f5f5f;
-  font-size: 14px;
-  -webkit-font-smoothing: antialiased;
+    text-transform: uppercase;
+    font-family: 'marquette-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    color: #5f5f5f;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
 }
 
 .dropdown-menu > .active > a,
@@ -837,15 +836,15 @@ ul.app-nav li {
 .dropdown-menu > li > a:focus,
 .dropdown-submenu:hover > a,
 .dropdown-submenu:focus > a {
-  text-decoration: none;
-  color: #ffffff;
-  background-color: #5f5f5f;
-  background-image: -moz-linear-gradient(top, #5f5f5f, #787878);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f5f5f), to(#787878));
-  background-image: -webkit-linear-gradient(top, #5f5f5f, #787878);
-  background-image: -o-linear-gradient(top, #5f5f5f, #787878);
-  background-image: linear-gradient(to bottom, #5f5f5f, #787878);
-  background-repeat: repeat-x;
+    text-decoration: none;
+    color: #ffffff;
+    background-color: #5f5f5f;
+    background-image: -moz-linear-gradient(top, #5f5f5f, #787878);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f5f5f), to(#787878));
+    background-image: -webkit-linear-gradient(top, #5f5f5f, #787878);
+    background-image: -o-linear-gradient(top, #5f5f5f, #787878);
+    background-image: linear-gradient(to bottom, #5f5f5f, #787878);
+    background-repeat: repeat-x;
 }
 
 .top-selector,
@@ -853,190 +852,190 @@ ul.app-nav li {
 .top-selector:active,
 .top-selector:focus,
 .btn-group.open .btn.dropdown-toggle.top-selector{
-  color: #5f5f5f;
-  padding: 0;
-  text-shadow: none;
-  background-color: transparent;
-  background-image: none;
-  border: none;
-  box-shadow: none;
-  outline: none;
-  width: 100%;
-  text-align: left;
+    color: #5f5f5f;
+    padding: 0;
+    text-shadow: none;
+    background-color: transparent;
+    background-image: none;
+    border: none;
+    box-shadow: none;
+    outline: none;
+    width: 100%;
+    text-align: left;
 }
 
 /*---------------------------- dialogs */
 .dialog-body{
-  padding:20px;
+    padding:20px;
 }
 
 /*---------------------------- global headers */
 
 h1.title {
-  font-size: 1.3em;
-  font-family: 'marquette-medium', "Helvetica Neue", sans-serif;
-  color: #686868;
+    font-size: 1.3em;
+    font-family: 'marquette-medium', "Helvetica Neue", sans-serif;
+    color: #686868;
 }
 
 h1.title {
-  line-height: 17px;
-  display:inline-block;
-  padding: 0 10px 0 0;
+    line-height: 17px;
+    display:inline-block;
+    padding: 0 10px 0 0;
 }
 
 
 h2.title {
-  text-transform: uppercase;
-  font-size: 1.2em;
-  border-top: 2px solid #eee;
-  color: #828282;
+    text-transform: uppercase;
+    font-size: 1.2em;
+    border-top: 2px solid #eee;
+    color: #828282;
 }
 
 h2.title.chart {
-  margin: 10px 0 20px 10px;
-  z-index: 101;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
+    margin: 10px 0 20px 10px;
+    z-index: 101;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
 }
 
 h3.title {
-  text-transform: uppercase;
-  font-size: 1.1em;
+    text-transform: uppercase;
+    font-size: 1.1em;
 }
 
 /*---------------------------- left hand menu/nav */
 
 .sidebar-nav .nav-list {
-  padding: 0;
+    padding: 0;
 }
 
 .sidebar-nav .nav-list > li > a, .nav-list .nav-header {
-  margin-right: 0;
+    margin-right: 0;
 }
 
 .sidebar-nav .nav-list.trans{
-  max-height: 100000px;
-  -webkit-transition: all .5s ease;
-  -moz-transition: all .5s ease;
-  transition: all .5s ease;
-  display: block;
-  opacity: 0;
+    max-height: 100000px;
+    -webkit-transition: all .5s ease;
+    -moz-transition: all .5s ease;
+    transition: all .5s ease;
+    display: block;
+    opacity: 0;
 }
 
 
 
 .sidebar-nav .nav-list li a {
-  padding: 10px 0 10px 25px;
-  color: #5f5f5f;
-  text-shadow: none;
-  background-color: #eee;
-  font-size: 14px;
-  text-transform: uppercase;
-  position:relative;
+    padding: 10px 0 10px 25px;
+    color: #5f5f5f;
+    text-shadow: none;
+    background-color: #eee;
+    font-size: 14px;
+    text-transform: uppercase;
+    position:relative;
 
 }
 
 .sidebar-nav .nav-list li a.org-overview {
-  background-color: #fff;
-  font-family: 'marquette-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    background-color: #fff;
+    font-family: 'marquette-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .sidebar-nav .nav-list li a.org-overview:hover {
-  color: #5f5f5f;
+    color: #5f5f5f;
 }
 
 .sidebar-nav .nav-list:first-child > li {
-  margin: 0 0 0 0;
-  height: 39px;
-  overflow: hidden;
+    margin: 0 0 0 0;
+    height: 39px;
+    overflow: hidden;
 }
 
 .sidebar-nav .nav-list:first-child > li.active {
-  /*background-color: #0088cc;*/
-  height: auto;
-  overflow: visible;
+    /*background-color: #0088cc;*/
+    height: auto;
+    overflow: visible;
 
 }
 
 .sidebar-nav .nav-list:first-child > li > ul > li > a {
-  color: #5f5f5f;
+    color: #5f5f5f;
 }
 
 .sidebar-nav .nav-list:first-child > li.active > a,
 .sidebar-nav .nav-list:first-child > li > a:hover,
 .sidebar-nav .nav-list:first-child > li > a:focus {
-  color: #ffffff;
-  text-shadow: none;
-  background-color: #1b70a0;
-  margin: 0 0 0 -15px;
+    color: #ffffff;
+    text-shadow: none;
+    background-color: #1b70a0;
+    margin: 0 0 0 -15px;
 
 }
 
 .sidebar-nav .nav-list:first-child  li.active > ul > li > a {
-  background-color: #fff;
+    background-color: #fff;
 }
 
 .sidebar-nav .nav-list li.option > ul {
-  overflow: hidden;
-  opacity: 0;
-  height: auto;
-  display: block;
-  -webkit-transition: all .5s ease;
-  -moz-transition: all .5s ease;
-  transition: all .5s ease;
-  max-height: 100000px;
+    overflow: hidden;
+    opacity: 0;
+    height: auto;
+    display: block;
+    -webkit-transition: all .5s ease;
+    -moz-transition: all .5s ease;
+    transition: all .5s ease;
+    max-height: 100000px;
 }
 
 .sidebar-nav .nav-list li.option.active > ul {
-  opacity: 1;
+    opacity: 1;
 }
 
 .sidebar-nav .nav-list li.active > ul > li a {
-  border-bottom: 1px solid #eee;
-  color: #747474;
-  text-transform: none;
-  font-weight: 300;
-  padding: 10px 0 10px 22px;
+    border-bottom: 1px solid #eee;
+    color: #747474;
+    text-transform: none;
+    font-weight: 300;
+    padding: 10px 0 10px 22px;
 }
 
 .sidebar-nav .nav-list li.active > ul > li.active > a,
 .sidebar-nav .nav-list li.active > ul > li > a:hover,
 .sidebar-nav .nav-list li.active > ul > li > a:focus {
-  color: #1b70a0;
-  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NkEzQ0Y1MUI0MjIxMUUyODZGN0I5RUE1NjAwQ0I0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NkEzQ0Y1MkI0MjIxMUUyODZGN0I5RUE1NjAwQ0I0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlE
 PSJ4bXAuaWlkOjU2QTNDRjRGQjQyMjExRTI4NkY3QjlFQTU2MDBDQjQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2QTNDRjUwQjQyMjExRTI4NkY3QjlFQTU2MDBDQjQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+poqUzgAAAG1JREFUeNpilC5YwIADqLNgEWQG4kYg9mNCk1AE4sNAXA3iIEuGAPF5ILaECYAkeYB4DhCvBmJ+ZGNAkt+B+CkQ/0W3nAkqWA/EblBFKJIwsA+IDYF4BzZJEHgNxJ5AXAbEv1hwBEA3EK8BCDAAwgoRW2zTv6EAAAAASUVORK5CYII=) no-repeat;
-  background-position: 206px 16px;
-  font-family: 'marquette-medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  border-bottom: 1px solid #eee;
-  text-shadow: none;
-  -webkit-font-smoothing: antialiased;
+    color: #1b70a0;
+    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NkEzQ0Y1MUI0MjIxMUUyODZGN0I5RUE1NjAwQ0I0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NkEzQ0Y1MkI0MjIxMUUyODZGN0I5RUE1NjAwQ0I0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZU
 lEPSJ4bXAuaWlkOjU2QTNDRjRGQjQyMjExRTI4NkY3QjlFQTU2MDBDQjQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2QTNDRjUwQjQyMjExRTI4NkY3QjlFQTU2MDBDQjQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+poqUzgAAAG1JREFUeNpilC5YwIADqLNgEWQG4kYg9mNCk1AE4sNAXA3iIEuGAPF5ILaECYAkeYB4DhCvBmJ+ZGNAkt+B+CkQ/0W3nAkqWA/EblBFKJIwsA+IDYF4BzZJEHgNxJ5AXAbEv1hwBEA3EK8BCDAAwgoRW2zTv6EAAAAASUVORK5CYII=) no-repeat;
+    background-position: 206px 16px;
+    font-family: 'marquette-medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    border-bottom: 1px solid #eee;
+    text-shadow: none;
+    -webkit-font-smoothing: antialiased;
 
 }
 
 .sidebar-nav .nav-list li.option ul {
-  list-style: none;
-  /*margin-right: -15px;*/
-  /*margin-left: -15px;*/
+    list-style: none;
+    /*margin-right: -15px;*/
+    /*margin-left: -15px;*/
 }
 
 .new-tag {
-  border-radius: 3px;
-  display: inline-block;
-  font-family: "marquette-medium";
-  font-size: .6em;
-  background-color: rgba(26, 26, 26, 0.50);
-  color: #fff;
-  padding: 3px;
-  height: 8px;
-  line-height: 8px;
-  position: absolute;
-  right: 5px;
-  top: 13px;
+    border-radius: 3px;
+    display: inline-block;
+    font-family: "marquette-medium";
+    font-size: .6em;
+    background-color: rgba(26, 26, 26, 0.50);
+    color: #fff;
+    padding: 3px;
+    height: 8px;
+    line-height: 8px;
+    position: absolute;
+    right: 5px;
+    top: 13px;
 }
 
 .sidebar-nav .nav-list li:active a {
-  background-color: rgba(255,255,255,.5);
+    background-color: rgba(255,255,255,.5);
 }
 
 /*---------------------------- org overview*/
@@ -1045,51 +1044,51 @@ h3.title {
 
 /*---------------------------- setup sdk*/
 .app-creds dt {
-  font-family: "marquette-medium"
+    font-family: "marquette-medium"
 }
 
 .intro-container {
-  position:relative;
-  height: auto;
-  -webkit-transition: all .5s ease-out;
-  -moz-transition: all .5s ease-out;
-  transition: all .5s ease-out;
-  overflow: hidden;
+    position:relative;
+    height: auto;
+    -webkit-transition: all .5s ease-out;
+    -moz-transition: all .5s ease-out;
+    transition: all .5s ease-out;
+    overflow: hidden;
 }
 
 .sdk-intro {
-  position: absolute;
-  border:1px solid #aaa;
-  background-color: #f4f4f4;
-  -moz-box-shadow:    inset 0 0 10px #ccc;
-  -webkit-box-shadow: inset 0 0 10px #ccc;
-  box-shadow:         inset 0 4px 10px #ccc;
-  opacity: .4;
-  top:0;
-  left:6px;
-  right:1px;
-  bottom:0;
-  height: auto;
-  overflow:hidden;
+    position: absolute;
+    border:1px solid #aaa;
+    background-color: #f4f4f4;
+    -moz-box-shadow:    inset 0 0 10px #ccc;
+    -webkit-box-shadow: inset 0 0 10px #ccc;
+    box-shadow:         inset 0 4px 10px #ccc;
+    opacity: .4;
+    top:0;
+    left:6px;
+    right:1px;
+    bottom:0;
+    height: auto;
+    overflow:hidden;
 }
 
 .sdk-intro-content {
-  position: absolute;
-  padding: 10px 40px 10px 10px;
-  top:0;
-  left:6px;
-  right:-20px;
-  bottom:0;
-  height: auto;
-  overflow: auto;
+    position: absolute;
+    padding: 10px 40px 10px 10px;
+    top:0;
+    left:6px;
+    right:-20px;
+    bottom:0;
+    height: auto;
+    overflow: auto;
 }
 
 .sdk-intro-content .btn.normal {
-   margin: 19px 10px 0 0;
+    margin: 19px 10px 0 0;
 }
 
 .keys-creds h2 {
-  margin-bottom: -2px;
+    margin-bottom: -2px;
 }
 
 
@@ -1098,124 +1097,124 @@ h3.title {
 
 
 .user-list {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  min-height: 450px;
-  float:left;
-  width:100%;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    min-height: 450px;
+    float:left;
+    width:100%;
 }
 
 .user-list li {
-  padding: 10px;
-  border-bottom: 1px solid #c5c5c5;
-  cursor:pointer;
+    padding: 10px;
+    border-bottom: 1px solid #c5c5c5;
+    cursor:pointer;
 }
 
 .user-list li .label {
-  margin: 0 0 0 22px;
+    margin: 0 0 0 22px;
 }
 
 .user-list li:nth-child(2n){
-  /*background-color: #f7f7f7;*/
+    /*background-color: #f7f7f7;*/
 }
 
 .user-list li input{
-  margin: 0 10px 0 0;
+    margin: 0 10px 0 0;
 }
 
 .user-list li.selected {
-  background-color: #eee;
+    background-color: #eee;
 }
 
 #user-panel{
-  margin-top: 20px;
+    margin-top: 20px;
 }
 
 .user-col {
-  border-right: 1px solid #c5c5c5;
-  -moz-box-shadow:    inset -27px 1px 6px -27px #b8b8b8;
-  -webkit-box-shadow: inset -27px 1px 6px -27px #b8b8b8;
-  box-shadow:         inset -27px 1px 6px -27px #b8b8b8;
+    border-right: 1px solid #c5c5c5;
+    -moz-box-shadow:    inset -27px 1px 6px -27px #b8b8b8;
+    -webkit-box-shadow: inset -27px 1px 6px -27px #b8b8b8;
+    box-shadow:         inset -27px 1px 6px -27px #b8b8b8;
 }
 
 .user-profile-picture{
-  width:40px;
-  height:40px;
+    width:40px;
+    height:40px;
 }
 
 .content-page > .well {
-  padding: 10px;
-  height: 40px;
+    padding: 10px;
+    height: 40px;
 }
 .table-header td {
-  font-weight: 800;
-  color: black;
+    font-weight: 800;
+    color: black;
 }
 
 .user-header-title{
-  font-size: 13px;
-  font-family: 'marquette-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    font-family: 'marquette-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .tabbable > .tab-content {
-  overflow: visible;
+    overflow: visible;
 }
 
 .button-strip {
-  float: right;
-  margin-bottom: 10px;
+    float: right;
+    margin-bottom: 10px;
 }
 a.notifications-links {
-  color: #1b97d1;
+    color: #1b97d1;
 }
 .notifications-header{
-  height: 50px; background-color: #eee; padding: 10px; border-bottom: 1px solid #aaa; position:relative; overflow: hidden;
+    height: 50px; background-color: #eee; padding: 10px; border-bottom: 1px solid #aaa; position:relative; overflow: hidden;
 }
 
 .users-row td.details,
 .groups-row td.details,
 .roles-row td.details,
 .notifications-row td.details {
-  line-height: 25px !important;
-  border-right: 1px solid #e5e5e5;
+    line-height: 25px !important;
+    border-right: 1px solid #e5e5e5;
 }
 .nav-tabs > li {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 /*------------------------------- login page*/
 
 .login-content {
-  position: absolute;
-  top: 91px;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: #fff;
-  padding: 9% 0 0 32%;
+    position: absolute;
+    top: 91px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: #fff;
+    padding: 9% 0 0 32%;
 }
 
 .login-content form {
-  margin: 0;
+    margin: 0;
 }
 
 .login-content form h1 {
-  padding: 10px 0 5px 20px;
+    padding: 10px 0 5px 20px;
 }
 
 .login-holder {
-  width: 450px;
-  border: 1px solid #e5e5e5;
+    width: 450px;
+    border: 1px solid #e5e5e5;
 }
 
 .login-holder .form-actions {
     padding-left: 30px;
-   margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 .login-holder .form-actions .submit {
-  padding: 0 30px 0 0;
+    padding: 0 30px 0 0;
 }
 
 .login-content .extra-actions {
@@ -1267,23 +1266,23 @@ a.notifications-links {
 /*-------------------------------- data / collections page*/
 
 .table.collection-list {
-  border: 1px solid #eee;
-  /*min-height: 500px;*/
+    border: 1px solid #eee;
+    /*min-height: 500px;*/
 }
 
 .formatted-json,
 .formatted-json ul {
-  list-style: none;
+    list-style: none;
 }
 
 .formatted-json .key {
-  font-family: "marquette-medium";
+    font-family: "marquette-medium";
 
 }
 
 .formatted-json li {
-  border-bottom: 1px solid #eee;
-  margin: 3px 0 3px 0;
+    border-bottom: 1px solid #eee;
+    margin: 3px 0 3px 0;
 }
 
 /*---------------------------- media queries
@@ -1294,13 +1293,13 @@ a.notifications-links {
 
 /* Portrait tablet to landscape and desktop */
 /*@media (min-width: 768px) and (max-width: 979px) {*/
-  /*.main-content {*/
-    /*margin: 0;*/
-  /*}*/
+/*.main-content {*/
+/*margin: 0;*/
+/*}*/
 
-  /*.container-fluid {*/
-    /*padding: 0;*/
-  /*}*/
+/*.container-fluid {*/
+/*padding: 0;*/
+/*}*/
 /*}*/
 
 /* Landscape phone to portrait tablet */
@@ -1315,71 +1314,71 @@ a.notifications-links {
 
 /*@media (min-width: 768px) and (max-width: 979px), (max-width: 480px), (max-width: 767px) {*/
 
-  /*.side-menu {*/
-    /*position: absolute;*/
-    /*top: 51px;*/
-    /*left: -200px;*/
-  /*}*/
-
-  /*.side-menu .nav-collapse .nav.nav-list {*/
-      /*position: absolute;*/
-      /*top: 51px;*/
-      /*left: -200px;*/
-  /*}*/
-
-  /*.side-menu .nav-collapse.in .nav.nav-list {*/
-    /*position: absolute;*/
-    /*top: 51px;*/
-    /*left: 200px;*/
-  /*}*/
-
-  /*.side-menu .nav-collapse.collapse {*/
-    /*overflow: visible;*/
-  /*}*/
-
-  /*.main-content {*/
-    /*margin: 0;*/
-    /*border: none;*/
-  /*}*/
-
-  /*.side-menu ul.nav li {*/
-    /*display: inline-block;*/
-  /*}*/
-
-  /*.navbar.secondary,*/
-  /*.navbar-static-top,*/
-  /*.navbar.secondary > .container-fluid {*/
-    /*margin: 0;*/
-  /*}*/
-
-  /*.page-filters {*/
-    /*padding: 10px 0 0 0;*/
-  /*}*/
-
-  /*ul.info-details.fixed {*/
-    /*width: 100%;*/
-  /*}*/
-
-  /*.navbar .nav a.btn-create,*/
-  /*.navbar .nav a.btn-create:hover {*/
-    /*margin: 5px;*/
-  /*}*/
-
-  /*.navbar.secondary > .container-fluid {*/
-    /*border: none*/
-  /*}*/
+/*.side-menu {*/
+/*position: absolute;*/
+/*top: 51px;*/
+/*left: -200px;*/
+/*}*/
+
+/*.side-menu .nav-collapse .nav.nav-list {*/
+/*position: absolute;*/
+/*top: 51px;*/
+/*left: -200px;*/
+/*}*/
+
+/*.side-menu .nav-collapse.in .nav.nav-list {*/
+/*position: absolute;*/
+/*top: 51px;*/
+/*left: 200px;*/
+/*}*/
+
+/*.side-menu .nav-collapse.collapse {*/
+/*overflow: visible;*/
+/*}*/
+
+/*.main-content {*/
+/*margin: 0;*/
+/*border: none;*/
+/*}*/
+
+/*.side-menu ul.nav li {*/
+/*display: inline-block;*/
+/*}*/
+
+/*.navbar.secondary,*/
+/*.navbar-static-top,*/
+/*.navbar.secondary > .container-fluid {*/
+/*margin: 0;*/
+/*}*/
+
+/*.page-filters {*/
+/*padding: 10px 0 0 0;*/
+/*}*/
+
+/*ul.info-details.fixed {*/
+/*width: 100%;*/
+/*}*/
+
+/*.navbar .nav a.btn-create,*/
+/*.navbar .nav a.btn-create:hover {*/
+/*margin: 5px;*/
+/*}*/
+
+/*.navbar.secondary > .container-fluid {*/
+/*border: none*/
+/*}*/
 /*}*/
 
 /*------------------------ USERGRID OVERRIDES and styles*/
 
 iframe[seamless] {
-  background-color: transparent;
-  border: 0px none transparent;
-  padding: 0px;
-  overflow: visible;
-  overflow-x: hidden;
-  width: 100%;
-  /*min-height: 1500px;*/
+    background-color: transparent;
+    border: 0px none transparent;
+    padding: 0px;
+    overflow: visible;
+    overflow-x: hidden;
+    width: 100%;
+    /*min-height: 1500px;*/
 }
 
 .gravatar20 {
@@ -1408,39 +1407,39 @@ iframe[seamless] {
 }
 
 form input.has-error{
-  -webkit-animation: pulse-red 1s alternate infinite;
-  -moz-animation: pulse-red 1s alternate infinite;
-  /*color: rgba(255, 67, 0, 1);*/
-  border: 1px solid rgba(255, 3, 3, 0.60);
+    -webkit-animation: pulse-red 1s alternate infinite;
+    -moz-animation: pulse-red 1s alternate infinite;
+    /*color: rgba(255, 67, 0, 1);*/
+    border: 1px solid rgba(255, 3, 3, 0.60);
 }
 
 .validator-error-message{
-  /*background-color: rgba(255, 3, 3, 0.20);*/
-  color: rgb(255, 3, 3);
+    /*background-color: rgba(255, 3, 3, 0.20);*/
+    color: rgb(255, 3, 3);
 }
 
 
 
 @-webkit-keyframes pulse-red {
-  0% {
-    box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.1),
-    0px 0px 5px 2px rgba(255, 3, 3, 0.3);
-  }
-  100% {
-    box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.3),
-    0px 0px 5px 2px rgba(255, 3, 3, .1);
-  }
+    0% {
+        box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.1),
+        0px 0px 5px 2px rgba(255, 3, 3, 0.3);
+    }
+    100% {
+        box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.3),
+        0px 0px 5px 2px rgba(255, 3, 3, .1);
+    }
 }
 
 @-moz-keyframes pulse-red {
-  0% {
-    box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.1),
-    0px 0px 5px 2px rgba(255, 3, 3, .3);
-  }
-  100% {
-    box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.3),
-    0px 0px 5px 2px rgba(255, 3, 3, .1);
-  }
+    0% {
+        box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.1),
+        0px 0px 5px 2px rgba(255, 3, 3, .3);
+    }
+    100% {
+        box-shadow: inset 0px 0px 5px 2px rgba(255, 3, 3, 0.3),
+        0px 0px 5px 2px rgba(255, 3, 3, .1);
+    }
 }
 
 .modal-instructions{
@@ -1700,3 +1699,7 @@ li.selected .btn.btn-primary.toolbar {
     margin: 0 10px 0 0;
 }
 
+.super-help{
+    font-size:9pt;
+    vertical-align: super;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/img/verify.png
----------------------------------------------------------------------
diff --git a/portal/img/verify.png b/portal/img/verify.png
new file mode 100644
index 0000000..21b3712
Binary files /dev/null and b/portal/img/verify.png differ

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/index-debug.html
----------------------------------------------------------------------
diff --git a/portal/index-debug.html b/portal/index-debug.html
new file mode 100644
index 0000000..39395f7
--- /dev/null
+++ b/portal/index-debug.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html lang="en" ng-app="appservices">
+
+<head>
+  <meta charset="utf-8">
+  <title>Apigee App Services</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <link id="libScript" href="2.0.34/js/libs/bootstrap/custom/css/bootstrap.min.css" rel="stylesheet">
+  <link id="libScript" href="2.0.34/css/dash.min.css" rel="stylesheet">
+
+  <!--styles for jquery ui calendar component-->
+  <link id="libScript" rel="stylesheet" type="text/css" href="2.0.34/js/libs/jqueryui/jquery-ui-1.8.9.custom.css">
+  <link id="libScript" rel="stylesheet" type="text/css" href="2.0.34/js/libs/jqueryui/jquery-ui-timepicker.css">
+<link href="2.0.34/bower_components/apigee.performance.ui/dist/css/performance.min.css" rel="stylesheet" id="perf-css"><link href="2.0.34/bower_components/apigee.push.ui/dist/css/push.min.css" rel="stylesheet" id="push-css"></head>
+<body ng-controller="PageCtrl">
+<!-- Google Tag Manager -->
+<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N52333" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-N52333');</script>
+<!-- End Google Tag Manager -->
+<header ng-cloak="">
+  <nav class="navbar navbar-static-top">
+    <div class="container-fluid">
+      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="brand" href="#"><img src="img/logo.gif"></a>
+
+      <div appswitcher=""></div>
+
+
+      <div class="nav-collapse collapse" ng-show="loaded">
+
+        <div class="navbar-text pull-right" ng-if="activeUI">
+          <span class="navbar-text" id="userEmail">{{userEmail}}</span> |
+          <span ng-controller="LoginCtrl"><a id="logout-link" ng-click="logout()" title="logout"><i class="pictogram">&#59201</i></a></span>
+          <span><a ng-click="profile()" title="profile"><i class="pictogram">&#59170</i></a></span> |
+          <span><a href="archive/" target="_blank">Legacy Portal</a></span>
+        </div>
+
+      </div>
+    </div>
+  </nav>
+</header>
+<section class="side-menu" ng-cloak="" ng-show="activeUI">
+  <div class="sidebar-nav">
+    <div class="nav-collapse collapse">
+
+      <org-menu context="orgmenu"></org-menu>
+
+    </div>
+    <div class="nav-collapse collapse" id="sideMenu">
+    <ul class="nav nav-list" menu="sideMenu"><li class="option active" ng-cloak=""><a data-ng-href="#!/org-overview"><i class="pictogram">&#128362;</i>Org Administration</a></li><li class="option " ng-cloak=""><a data-ng-href="#!/getting-started/setup"><i class="pictogram">&#128640;</i>Getting Started</a></li><li class="option " ng-cloak=""><a data-ng-href="#!/app-overview/summary"><i class="pictogram">&#59214;</i>App Overview</a><ul class="nav nav-list"><li><a data-ng-href="#!/app-overview/summary"><i class="pictogram sub">&#128241;</i>Summary</a></li></ul></li><li class="option " ng-cloak=""><a data-ng-href="#!/users"><i class="pictogram">&#128100;</i>Users</a><ul class="nav nav-list"><li><a data-ng-href="#!/users"><i class="pictogram sub">&#128100;</i>Users</a></li></ul><ul class="nav nav-list"><li><a data-ng-href="#!/groups"><i class="pictogram sub">&#128101;</i>Groups</a></li></ul><ul class="nav nav-list"><li><a data-ng-href="#!/roles"><i class="pictogram sub">&#59170;</i>Roles
 </a></li></ul></li><li class="option " ng-cloak=""><a data-ng-href="#!/data"><i class="pictogram">&#128248;</i>Data</a><ul class="nav nav-list"><li><a data-ng-href="#!/data"><i class="pictogram sub">&#128254;</i>Collections</a></li></ul></li><li class="option " ng-cloak=""><a data-ng-href="#!/activities"><i class="pictogram">&#59194;</i>Activities</a></li><li class="option " ng-cloak=""><a data-ng-href="#!/shell"><i class="pictogram">&#9000;</i>Shell</a></li></ul></div>
+  </div>
+</section>
+
+<section class="main-content" ng-cloak="" ng-show="loaded">
+  <div class="container-fluid">
+    <div class="row-fluid">
+      <div class="span12">
+
+        <!--header app/org context nav-->
+
+        <nav class="navbar secondary" ng-show="activeUI">
+          <div class="container-fluid">
+            <div class="row-fluid">
+              <div class="span12">
+                <div class="span5">
+                  <app-menu></app-menu>
+                </div>
+                <div class="span7 button-area">
+                  <div class="nav-collapse collapse">
+                    <ul class="helper-links nav span12">
+                      <li class="sdks span12">
+                        <ul class="pull-right">
+                          <li class="title"><label>SDKs and Modules</label></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ios"><i class="sdk-icon-ios"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#android"><i class="sdk-icon-android"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#javascript"><i class="sdk-icon-js"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#nodejs"><i class="sdk-icon-node"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ruby"><i class="sdk-icon-ruby"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#c"><i class="sdk-icon-net"></i></a></li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <!--for demo mode-->
+        <!--todo - this needs a style applied only when shown ng-class-->
+        <div ng-controller="AlertCtrl" ng-cloak="" class="alert-holder main-alert">
+          <alerti ng-repeat="alert in alerts" type="alert.type" closeable="true" index="$index" ng-cloak="">{{alert.msg}}</alerti>
+        </div>
+
+        <insecure-banner></insecure-banner>
+        <!--Dynamic Content-->
+        <div ng-view="" class="page-holder"></div>
+
+        <footer>
+          <hr>
+          <p class="pull-right">&copy; Apigee 2013</p>
+        </footer>
+      </div>
+    </div>
+  </div>
+</section>
+<script id="libScript" src="2.0.34/js/libs/usergrid-libs.min.js"></script>
+<script id="libScript" src="2.0.34/js/libs/bootstrap/custom/js/bootstrap.min.js"></script>
+<!--todo - remove this. temporarily including jquery ui for calendar in push-->
+<script id="libScript" src="2.0.34/js/libs/jqueryui/jquery.ui.timepicker.min.js" type="text/javascript"></script>
+<!-- In dev use: <script src="js/libs/angular-1.1.5.js"></script> -->
+<!--<script type="text/javascript" src="js/libs/angular-ui-ng-grid/ng-grid-2.0.2.debug.js"></script>-->
+<script src="config.js"></script>
+<script id="main-script" src="2.0.34/js/usergrid-dev.min.js"></script>
+
+<script src="2.0.34/bower_components/apigee.performance.ui/dist/js/usergrid-perf-dev.min.js"></script><script src="2.0.34/bower_components/apigee.push.ui/dist/js/usergrid-push-dev.min.js"></script></body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/index-template.html
----------------------------------------------------------------------
diff --git a/portal/index-template.html b/portal/index-template.html
index 3fc83ad..2c7ddfd 100644
--- a/portal/index-template.html
+++ b/portal/index-template.html
@@ -8,12 +8,12 @@
   <meta name="description" content="">
   <meta name="author" content="">
 
-  <link href="js/libs/bootstrap/custom/css/bootstrap.css" rel="stylesheet"/>
-  <link href="css/dash.min.css" rel="stylesheet"/>
+  <link id="libScript" href="js/libs/bootstrap/custom/css/bootstrap.min.css" rel="stylesheet"/>
+  <link id="libScript" href="css/dash.min.css" rel="stylesheet"/>
 
   <!--styles for jquery ui calendar component-->
-  <link rel="stylesheet" type="text/css" href="js/libs/jqueryui/jquery-ui-1.8.9.custom.css"/>
-  <link rel="stylesheet" type="text/css" href="js/libs/jqueryui/jquery-ui-timepicker.css"/>
+  <link id="libScript" rel="stylesheet" type="text/css" href="js/libs/jqueryui/jquery-ui-1.8.9.custom.css"/>
+  <link id="libScript" rel="stylesheet" type="text/css" href="js/libs/jqueryui/jquery-ui-timepicker.css"/>
 </head>
 <body ng-controller="PageCtrl" >
 <!-- Google Tag Manager -->
@@ -25,7 +25,7 @@
     '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-N52333');</script>
 <!-- End Google Tag Manager -->
-<header>
+<header ng-cloak >
   <nav class="navbar navbar-static-top">
     <div class="container-fluid">
       <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
@@ -41,7 +41,7 @@
       <div class="nav-collapse collapse"  ng-show="loaded">
 
         <div class="navbar-text pull-right" ng-if="activeUI">
-          <span class="navbar-text" id="userEmail" >{{userEmail || 'anonymous'}}</span> |
+          <span class="navbar-text" id="userEmail" >{{userEmail}}</span> |
           <span ng-controller="LoginCtrl"><a id="logout-link" ng-click="logout()" title="logout"><i class="pictogram">&#59201</i></a></span>
           <span ><a ng-click="profile()" title="profile"><i class="pictogram">&#59170</i></a></span> |
           <span><a href="archive/" target="_blank">Legacy Portal</a></span>
@@ -51,7 +51,7 @@
     </div>
   </nav>
 </header>
-<section class="side-menu"   ng-show="activeUI">
+<section class="side-menu" ng-cloak   ng-show="activeUI">
   <div class="sidebar-nav">
     <div class="nav-collapse collapse">
 
@@ -63,7 +63,7 @@
   </div>
 </section>
 
-<section class="main-content"   ng-show="loaded">
+<section class="main-content" ng-cloak  ng-show="loaded">
   <div class="container-fluid">
     <div class="row-fluid">
       <div class="span12">
@@ -116,15 +116,13 @@
     </div>
   </div>
 </section>
-<script src="config.js"></script>
-
-<script src="js/libs/usergrid-libs.min.js"></script>
-<script src="js/libs/bootstrap/custom/js/bootstrap.min.js"></script>
+<script id="libScript" src="js/libs/usergrid-libs.min.js"></script>
+<script id="libScript" src="js/libs/bootstrap/custom/js/bootstrap.min.js"></script>
 <!--todo - remove this. temporarily including jquery ui for calendar in push-->
-<script src="js/libs/jqueryui/jquery.ui.timepicker.min.js" type="text/javascript"></script>
+<script id="libScript" src="js/libs/jqueryui/jquery.ui.timepicker.min.js" type="text/javascript"></script>
 <!-- In dev use: <script src="js/libs/angular-1.1.5.js"></script> -->
 <!--<script type="text/javascript" src="js/libs/angular-ui-ng-grid/ng-grid-2.0.2.debug.js"></script>-->
-
+<script src="config.js"></script>
 <script id="main-script" src="js/usergrid.min.js"></script>
 
 </body>

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/index.html
----------------------------------------------------------------------
diff --git a/portal/index.html b/portal/index.html
new file mode 100644
index 0000000..4e36ada
--- /dev/null
+++ b/portal/index.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html lang="en" ng-app="appservices">
+
+<head>
+  <meta charset="utf-8">
+  <title>Apigee App Services</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <link id="libScript" href="2.0.34/js/libs/bootstrap/custom/css/bootstrap.min.css" rel="stylesheet">
+  <link id="libScript" href="2.0.34/css/dash.min.css" rel="stylesheet">
+
+  <!--styles for jquery ui calendar component-->
+  <link id="libScript" rel="stylesheet" type="text/css" href="2.0.34/js/libs/jqueryui/jquery-ui-1.8.9.custom.css">
+  <link id="libScript" rel="stylesheet" type="text/css" href="2.0.34/js/libs/jqueryui/jquery-ui-timepicker.css">
+<link href="2.0.34/bower_components/apigee.performance.ui/dist/css/performance.min.css" rel="stylesheet" id="perf-css"><link href="2.0.34/bower_components/apigee.push.ui/dist/css/push.min.css" rel="stylesheet" id="push-css"></head>
+<body ng-controller="PageCtrl">
+<!-- Google Tag Manager -->
+<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N52333" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-N52333');</script>
+<!-- End Google Tag Manager -->
+<header ng-cloak="">
+  <nav class="navbar navbar-static-top">
+    <div class="container-fluid">
+      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="brand" href="#"><img src="img/logo.gif"></a>
+
+      <div appswitcher=""></div>
+
+
+      <div class="nav-collapse collapse" ng-show="loaded">
+
+        <div class="navbar-text pull-right" ng-if="activeUI">
+          <span class="navbar-text" id="userEmail">{{userEmail}}</span> |
+          <span ng-controller="LoginCtrl"><a id="logout-link" ng-click="logout()" title="logout"><i class="pictogram">&#59201</i></a></span>
+          <span><a ng-click="profile()" title="profile"><i class="pictogram">&#59170</i></a></span> |
+          <span><a href="archive/" target="_blank">Legacy Portal</a></span>
+        </div>
+
+      </div>
+    </div>
+  </nav>
+</header>
+<section class="side-menu" ng-cloak="" ng-show="activeUI">
+  <div class="sidebar-nav">
+    <div class="nav-collapse collapse">
+
+      <org-menu context="orgmenu"></org-menu>
+
+    </div>
+    <div class="nav-collapse collapse" id="sideMenu">
+    <ul class="nav nav-list" menu="sideMenu"><li class="option active" ng-cloak=""><a data-ng-href="#!/org-overview"><i class="pictogram">&#128362;</i>Org Administration</a></li><li class="option " ng-cloak=""><a data-ng-href="#!/getting-started/setup"><i class="pictogram">&#128640;</i>Getting Started</a></li><li class="option " ng-cloak=""><a data-ng-href="#!/app-overview/summary"><i class="pictogram">&#59214;</i>App Overview</a><ul class="nav nav-list"><li><a data-ng-href="#!/app-overview/summary"><i class="pictogram sub">&#128241;</i>Summary</a></li></ul></li><li class="option " ng-cloak=""><a data-ng-href="#!/users"><i class="pictogram">&#128100;</i>Users</a><ul class="nav nav-list"><li><a data-ng-href="#!/users"><i class="pictogram sub">&#128100;</i>Users</a></li></ul><ul class="nav nav-list"><li><a data-ng-href="#!/groups"><i class="pictogram sub">&#128101;</i>Groups</a></li></ul><ul class="nav nav-list"><li><a data-ng-href="#!/roles"><i class="pictogram sub">&#59170;</i>Roles
 </a></li></ul></li><li class="option " ng-cloak=""><a data-ng-href="#!/data"><i class="pictogram">&#128248;</i>Data</a><ul class="nav nav-list"><li><a data-ng-href="#!/data"><i class="pictogram sub">&#128254;</i>Collections</a></li></ul></li><li class="option " ng-cloak=""><a data-ng-href="#!/activities"><i class="pictogram">&#59194;</i>Activities</a></li><li class="option " ng-cloak=""><a data-ng-href="#!/shell"><i class="pictogram">&#9000;</i>Shell</a></li></ul></div>
+  </div>
+</section>
+
+<section class="main-content" ng-cloak="" ng-show="loaded">
+  <div class="container-fluid">
+    <div class="row-fluid">
+      <div class="span12">
+
+        <!--header app/org context nav-->
+
+        <nav class="navbar secondary" ng-show="activeUI">
+          <div class="container-fluid">
+            <div class="row-fluid">
+              <div class="span12">
+                <div class="span5">
+                  <app-menu></app-menu>
+                </div>
+                <div class="span7 button-area">
+                  <div class="nav-collapse collapse">
+                    <ul class="helper-links nav span12">
+                      <li class="sdks span12">
+                        <ul class="pull-right">
+                          <li class="title"><label>SDKs and Modules</label></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ios"><i class="sdk-icon-ios"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#android"><i class="sdk-icon-android"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#javascript"><i class="sdk-icon-js"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#nodejs"><i class="sdk-icon-node"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ruby"><i class="sdk-icon-ruby"></i></a></li>
+                          <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#c"><i class="sdk-icon-net"></i></a></li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <!--for demo mode-->
+        <!--todo - this needs a style applied only when shown ng-class-->
+        <div ng-controller="AlertCtrl" ng-cloak="" class="alert-holder main-alert">
+          <alerti ng-repeat="alert in alerts" type="alert.type" closeable="true" index="$index" ng-cloak="">{{alert.msg}}</alerti>
+        </div>
+
+        <insecure-banner></insecure-banner>
+        <!--Dynamic Content-->
+        <div ng-view="" class="page-holder"></div>
+
+        <footer>
+          <hr>
+          <p class="pull-right">&copy; Apigee 2013</p>
+        </footer>
+      </div>
+    </div>
+  </div>
+</section>
+<script id="libScript" src="2.0.34/js/libs/usergrid-libs.min.js"></script>
+<script id="libScript" src="2.0.34/js/libs/bootstrap/custom/js/bootstrap.min.js"></script>
+<!--todo - remove this. temporarily including jquery ui for calendar in push-->
+<script id="libScript" src="2.0.34/js/libs/jqueryui/jquery.ui.timepicker.min.js" type="text/javascript"></script>
+<!-- In dev use: <script src="js/libs/angular-1.1.5.js"></script> -->
+<!--<script type="text/javascript" src="js/libs/angular-ui-ng-grid/ng-grid-2.0.2.debug.js"></script>-->
+<script src="config.js"></script>
+<script id="main-script" src="2.0.34/js/usergrid.min.js"></script>
+
+<script src="2.0.34/bower_components/apigee.performance.ui/dist/js/usergrid-perf.min.js"></script><script src="2.0.34/bower_components/apigee.push.ui/dist/js/usergrid-push.min.js"></script></body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/app-overview-controller.js
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/app-overview-controller.js b/portal/js/app-overview/app-overview-controller.js
index 0715c43..1e6ac33 100644
--- a/portal/js/app-overview/app-overview-controller.js
+++ b/portal/js/app-overview/app-overview-controller.js
@@ -2,12 +2,11 @@
 
 AppServices.Controllers.controller('AppOverviewCtrl',
     ['ug',
-      'data',
       'charts',
       '$scope',
       '$rootScope',
       '$log',
-      function (ug, data, charts, $scope, $rootScope, $log) {
+      function (ug,  charts, $scope, $rootScope, $log) {
         //util
         var createGradient = function (color1, color2) {
           var perShapeGradient = {
@@ -48,7 +47,7 @@ AppServices.Controllers.controller('AppOverviewCtrl',
           $scope.appOverview = {};
           if (!$rootScope.chartTemplate) {
             //get the chart template for this view... right now it covers all charts...
-            data.get(null, 'js/charts/highcharts.json').then(function (success) {
+            ug.httpGet(null, 'js/charts/highcharts.json').then(function (success) {
               $rootScope.chartTemplate = success;
               $scope.appOverview.chart = angular.copy($rootScope.chartTemplate.pareto);
               $scope.appOverview.chart = charts.convertParetoChart(arr, $scope.appOverview.chart, dataDescription.bar1, '1h', 'NOW');

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/app-overview.html
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/app-overview.html b/portal/js/app-overview/app-overview.html
index 797ad7a..77c42fc 100644
--- a/portal/js/app-overview/app-overview.html
+++ b/portal/js/app-overview/app-overview.html
@@ -1,13 +1,9 @@
 <div class="app-overview-content" >
   <section class="row-fluid">
 
-    <div class="span12">
-      <div class="page-filters">
-        <h1 class="title" class="pull-left"><i class="pictogram title">&#128241;</i> Summary</h1>
-      </div>
+      <page-title title=" Summary" icon="&#128241;"></page-title>
+  <section class="row-fluid">
       <h2 class="title" id="app-overview-title">{{currentApp}}</h2>
-    </div>
-
   </section>
   <section class="row-fluid">
 

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/doc-includes/android.html
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/doc-includes/android.html b/portal/js/app-overview/doc-includes/android.html
index d0738f1..6eba109 100644
--- a/portal/js/app-overview/doc-includes/android.html
+++ b/portal/js/app-overview/doc-includes/android.html
@@ -132,7 +132,7 @@ import com.apigee.sdk.data.client.response.ApiResponse; //API response object
 <h2>5. Verify SDK installation</h2>
 
 <p>Once initialized, App Services will also automatically instantiate the <code>MonitoringClient</code> class and begin logging usage, crash and error metrics for your app.</p>
-<p><img src="js/app-overview/doc-includes/images/verify.png" alt="screenshot of data in admin portal"/></p>
+<p><img src="img/verify.png" alt="screenshot of data in admin portal"/></p>
 <p>To verify that the SDK has been properly initialized, run your app, then go to 'Monitoring' > 'App Usage' in the <a href="https://www.apigee.com/usergrid">App Services admin portal</a> to verify that data is being sent.</p>
 <div class="warning">It may take up to two minutes for data to appear in the admin portal after you run your app.</div>
 

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/doc-includes/images/verify.png
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/doc-includes/images/verify.png b/portal/js/app-overview/doc-includes/images/verify.png
deleted file mode 100644
index 21b3712..0000000
Binary files a/portal/js/app-overview/doc-includes/images/verify.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/doc-includes/ios.html
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/doc-includes/ios.html b/portal/js/app-overview/doc-includes/ios.html
index ff4c0e2..b22e177 100644
--- a/portal/js/app-overview/doc-includes/ios.html
+++ b/portal/js/app-overview/doc-includes/ios.html
@@ -100,7 +100,7 @@ self.dataClient = [appDelegate.apigeeClient dataClient];
 <p>Once initialized, App Services will also automatically instantiate the <code>ApigeeMonitoringClient</code> class and begin logging usage, crash and error metrics for your app.</p>
 
 <p>To verify that the SDK has been properly initialized, run your app, then go to <strong>'Monitoring' > 'App Usage'</strong> in the <a href="https://www.apigee.com/usergrid">App Services admin portal</a> to verify that data is being sent.</p>
-<p><img src="js/app-overview/doc-includes/images/verify.png" alt="screenshot of data in admin portal"/></p>
+<p><img src="img/verify.png" alt="screenshot of data in admin portal"/></p>
 <div class="warning">It may take up to two minutes for data to appear in the admin portal after you run your app.</div>
 
 <h2>Installation complete! Try these next steps</h2>

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/doc-includes/javascript.html
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/doc-includes/javascript.html b/portal/js/app-overview/doc-includes/javascript.html
index 66e047d..1e58d7d 100644
--- a/portal/js/app-overview/doc-includes/javascript.html
+++ b/portal/js/app-overview/doc-includes/javascript.html
@@ -22,7 +22,7 @@ var dataClient = new Apigee.Client(client_creds);
 <p>Once initialized, App Services will also automatically instantiate <code>Apigee.MonitoringClient</code> and begin logging usage, crash and error metrics for your app.</p>
 
 <p>To verify that the SDK has been properly initialized, run your app, then go to <strong>'Monitoring' > 'App Usage'</strong> in the <a href="https://www.apigee.com/usergrid">App Services admin portal</a> to verify that data is being sent.</p>
-<p><img src="js/app-overview/doc-includes/images/verify.png" alt="screenshot of data in admin portal"/></p>
+<p><img src="img/verify.png" alt="screenshot of data in admin portal"/></p>
 <div class="warning">It may take up to two minutes for data to appear in the admin portal after you run your app.</div>
 
 <h2>Installation complete! Try these next steps</h2>

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/getting-started-controller.js
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/getting-started-controller.js b/portal/js/app-overview/getting-started-controller.js
index 3b49ddd..b038589 100644
--- a/portal/js/app-overview/getting-started-controller.js
+++ b/portal/js/app-overview/getting-started-controller.js
@@ -2,12 +2,11 @@
 
 AppServices.Controllers.controller('GettingStartedCtrl',
     ['ug',
-      'data',
       '$scope',
       '$rootScope',
       '$location',
       '$timeout',
-      '$anchorScroll', function (ug, data, $scope, $rootScope, $location, $timeout, $anchorScroll) {
+      '$anchorScroll', function (ug, $scope, $rootScope, $location, $timeout, $anchorScroll) {
 
 
       $scope.collections = [];
@@ -17,7 +16,7 @@ AppServices.Controllers.controller('GettingStartedCtrl',
       $scope.clientID = '';
       $scope.clientSecret = '';
       var getKeys = function () {
-        return data.jsonp_raw('credentials', '', {});
+        return ug.jsonpRaw('credentials', '', {});
       }
 
       $scope.regenerateCredentialsDialog = function (modalId) {

http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/a5a98884/portal/js/app-overview/getting-started.html
----------------------------------------------------------------------
diff --git a/portal/js/app-overview/getting-started.html b/portal/js/app-overview/getting-started.html
index b84f2c6..d837e10 100644
--- a/portal/js/app-overview/getting-started.html
+++ b/portal/js/app-overview/getting-started.html
@@ -10,15 +10,8 @@
     Are you sure you want to regenerate the credentials?
   </bsmodal>
 
-  <section class="row-fluid">
-
-    <div class="span12">
-      <div class="page-filters">
-        <h1 class="title" class="pull-left"><i class="pictogram title">&#128640;</i> Getting Started</h1>
-      </div>
-    </div>
+    <page-title icon="&#128640;" title="Getting Started"></page-title>
 
-  </section>
   <section class="row-fluid">
 
 
@@ -35,23 +28,41 @@
 
 
         <li ng-click="showSDKDetail('ios')"
-           ><i class="sdk-icon-large-ios"></i></li>
+            analytics-on="click"
+            analytics-label="App Services"
+            analytics-category="Getting Started"
+            analytics-event="iOS SDK"><i class="sdk-icon-large-ios"></i></li>
         <li ng-click="showSDKDetail('android')"
-            ><i class="sdk-icon-large-android"></i></li>
+            analytics-on="click"
+            analytics-label="App Services"
+            analytics-category="Getting Started"
+            analytics-event="Android SDK"><i class="sdk-icon-large-android"></i></li>
         <li ng-click="showSDKDetail('javascript')"
-           ><i class="sdk-icon-large-js"></i></li>
+            analytics-on="click"
+            analytics-label="App Services"
+            analytics-category="Getting Started"
+            analytics-event="JS SDK"><i class="sdk-icon-large-js"></i></li>
         <li><a target="_blank"
                ng-click="showSDKDetail('nocontent')"
                href="http://apigee.com/docs/usergrid/content/sdks-and-examples#nodejs"
-               ><i class="sdk-icon-large-node"></i></a></li>
+               analytics-on="click"
+               analytics-label="App Services"
+               analytics-category="Getting Started"
+               analytics-event="Node SDK"><i class="sdk-icon-large-node"></i></a></li>
         <li><a target="_blank"
                ng-click="showSDKDetail('nocontent')"
                href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ruby"
-               ><i class="sdk-icon-large-ruby"></i></a></li>
+               analytics-on="click"
+               analytics-label="App Services"
+               analytics-category="Getting Started"
+               analytics-event="Ruby SDK"><i class="sdk-icon-large-ruby"></i></a></li>
         <li><a target="_blank"
                ng-click="showSDKDetail('nocontent')"
                href="http://apigee.com/docs/usergrid/content/sdks-and-examples#c"
-               ><i class="sdk-icon-large-net"></i></a></li>
+               analytics-on="click"
+               analytics-label="App Services"
+               analytics-category="Getting Started"
+               analytics-event="DotNet SDK"><i class="sdk-icon-large-net"></i></a></li>
        </ul>
 
       <section id="intro-container" class="row-fluid intro-container">


Mime
View raw message