/*  =============================================================================
  General
  =============================================================================  */
footer.shell {
  background: #e9e9e9;
  padding: 30px;
  position: relative; }
  footer.shell h5, footer.shell dt {
    color: #565656;
    font: 12px/1.4 Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 5px 0; }
  footer.shell dd, footer.shell p {
    color: #717171;
    font: 11px/1.4 Arial, sans-serif; }
  footer.shell:after {
    -webkit-box-shadow: 0px 5px 2px #d9d9d9;
    box-shadow: 0px 5px 2px #d9d9d9;
    border-radius: 300px/20px;
    content: "";
    bottom: 0;
    height: 50%;
    left: 10px;
    position: absolute;
    right: 10px;
    z-index: -1; }

/*  =============================================================================
  Navigation
  =============================================================================  */
footer.shell .social-icon {
  background: transparent url("//imgssl.constantcontact.com/lp/images/standard/bv2/site/devportal/all_footer_icons_for_light_bg.png") no-repeat left top;
  display: inline-block;
  height: 16px;
  width: 17px; }
  footer.shell .social-icon.twitter {
    background-position: -17px top;
    width: 20px; }
    footer.shell .social-icon.twitter:hover {
      background-position: -17px bottom; }
footer.shell .nav-group {
  margin-bottom: 15px; }
footer.shell nav dl dt:after,
footer.shell div h5:after {
  border-right: 1px dotted #000;
  content: "";
  float: right;
  height: 17px;
  margin-top: -5px; }
footer.shell nav dl dd {
  line-height: 1.6; }

#resource-nav {
  width: 150px; }

#about-us-nav {
  margin-left: 10px;
  width: 170px; }
  #about-us-nav dl {
    margin-bottom: 20px; }

#legal-nav {
  border-top: 1px dotted #515151;
  padding: 15px 0 0 0; }
  #legal-nav a {
    margin-right: 20px; }
  #legal-nav a.right {
    margin: -10px 0 0 15px; }

#connect-with-us {
  margin-left: 10px; }
  #connect-with-us dt:after {
    border-right: 0 none;
    height: 0;
    margin: 0;
    float: none; }

/*  =============================================================================
  Developer Newsletter
  =============================================================================  */
div#dev-newsletter {
  margin-left: 10px;
  max-width: 310px; }