/**
 * Copyright (C) 2013 Cisco
 * This is the compiled output for the Responsive Framework.
 * framework.scss
 */
/* base/_base.scss: $Revision: 1.4 $ */
/* base/_reset.scss: $Revision: 1.2 $ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

html {
  font-size: 62.5%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  position: relative; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* base/_browser_ms.scss: $Revision: 1.2 $ */
html {
  -ms-text-size-adjust: 100%; }

::-ms-clear {
  display: none;
  height: 0;
  width: 0; }

.lt-ie10 input[type="checkbox"], .lt-ie10 input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
.lt-ie10 textarea {
  overflow: auto; }
.lt-ie10 svg:not(:root) {
  overflow: hidden; }

/* base/_browser_ff.scss: $Revision: 1.2 $ */
a:-moz-focusring {
  outline: 1px #007fc5 dotted; }

input,
button {
  line-height: normal; }
  input::-moz-focus-inner,
  button::-moz-focus-inner {
    padding: 0; }

button::-moz-focus-inner {
  margin: -1px; }

input::-moz-focus-inner {
  border: 0;
  margin: 0; }

legend {
  white-space: normal; }

/* base/_browser_webkit.scss: $Revision: 1.2 $ */
html {
  -webkit-text-size-adjust: 100%; }

body {
  -webkit-font-smoothing: subpixel-antialiased; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

button,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

html input[type="button"] {
  -webkit-appearance: button; }

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; }

/* base/_links.scss: defines basic link styling. */
/* Links
 ---------------------------------------- */
a {
  color: #007fc5;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:active {
    text-decoration: underline; }

p a,
p a:visited {
  line-height: inherit; }

/* base/forms.scss: $Revision: 1.4 $ */
/* Standard Form Elements
 --------------------------------------- */
label {
  cursor: pointer; }

button, textarea {
  border: 0px solid transparent; }

input, button, select, textarea {
  padding: 0;
  margin: 0;
  font-family: arial, helvetica, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", sans-serif;
  font-size: 100%;
  vertical-align: baseline; }

input[type="search"] {
  -webkit-box-sizing: "content-box";
  -moz-box-sizing: "content-box";
  box-sizing: "content-box"; }
input[disabled] {
  cursor: default; }

button {
  cursor: pointer;
  background-color: transparent;
  color: #525252;
  font-family: inherit; }
  button[disabled] {
    cursor: default; }

/* Overthrow CSS:
   Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
.overthrow-enabled .overthrow {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/**
* Global display classes, which can be used on any element to 
* show/hide the element for specific break point ranges.
* --ALL RANGES ARE INCLUSIVE--
**/
.maxwidth-base {
  display: inline-block !important; }

.maxwidth-xsmall {
  display: inline-block !important; }

.maxwidth-small {
  display: inline-block !important; }

.maxwidth-medium {
  display: inline-block !important; }

.maxwidth-large {
  display: inline-block !important; }

.maxwidth-xlarge {
  display: inline-block !important; }

.minwidth-xsmall {
  display: none !important; }

.minwidth-small {
  display: none !important; }

.minwidth-medium {
  display: none !important; }

.minwidth-large {
  display: none !important; }

.minwidth-xlarge {
  display: none !important; }

@media only screen and (min-width: 30em) {
  .maxwidth-base {
    display: none !important; }

  .minwidth-xsmall {
    display: inline-block !important; } }
@media only screen and (min-width: 37.5em) {
  .maxwidth-xsmall {
    display: none !important; }

  .minwidth-small {
    display: inline-block !important; } }
@media only screen and (min-width: 48em) {
  .maxwidth-small {
    display: none !important; }

  .minwidth-medium {
    display: inline-block !important; } }
@media only screen and (min-width: 60em) {
  .maxwidth-medium {
    display: none !important; }

  .minwidth-large {
    display: inline-block !important; } }
@media only screen and (min-width: 64em) {
  .maxwidth-large {
    display: none !important; }

  .minwidth-xlarge {
    display: inline-block !important; } }
/* Base Typography
---------------------------------------- */
body {
  /* Typography Replace */
  font-family: arial, helvetica, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  color: #525252;
  /* END Typography Replace */
  position: relative;
  min-width: 320px; }

/* Typography Replace */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1em;
  color: #444; }

/* END Typography Replace */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

/* Typography Replace */
h1 {
  font-size: 20px;
  font-size: 2rem; }

h2 {
  font-size: 18px;
  font-size: 1.8rem; }

h3 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold; }

h4, h5, h6 {
  font-size: 14px;
  font-size: 1.4rem; }

/* END Typography Replace */
p img {
  margin: 0; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

hr {
  clear: both; }

abbr,
acronym {
  text-transform: uppercase;
  /* Typography Replace */
  font-size: 14px;
  font-size: 1.4rem;
  /* END Typography Replace */
  color: #222;
  border-bottom: 1px solid #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Media
---------------------------------------- */
audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

/* Hidden
---------------------------------------- */
[hidden] {
  display: none; }

/* _masthead.scss: $Revision: 1.5.6.1 $ */
/* _skiplinks.scss: $Revision: 1.2.6.1.2.1 $ */
/* _skiplinks_helper.scss: $Revision: 1.2.6.1.2.1 $ */
/* _autosuggest_style.scss:$Revision: 1.2.12.1 $ */
/* _search_variables.scss: $Revision: 1.2.12.1 $ */
/* _autosuggest_style.scss: $Revision: 1.2 $ */
/* _autosuggest_helper.scss: $Revision: 1.2.6.2.2.1 $ */
/* _treenav.scss: $Revision: 1.4.8.1 $  */
/* _treenav_helper.scss: $Revision: 1.2.12.1 $ */
/**
 * Copyright (C) 2014 Cisco
 * _backToLink.scss: Style the backTo link that appears below page title.
 */
/**
 * Copyright (C) 2012 Cisco
 * _pagetitle.scss: Style the page title.
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.4 $
 * _pagetitle_helper.scss: Style the page title.
 */
/* _fatfooter.scss: $Revision: 1.5.8.1 $ */
/* _footer.scss: $Revision: 1.5.6.1 $ */
/* components/_components.scss: $Revision: 1.5 $ */
/* components/_dividers.scss: $Revision: 1.4 $ */
.fw-hr {
  height: 0;
  width: 100%;
  max-width: 1024px;
  border-top: 1px solid #ddd;
  border-width: 1px 0 0;
  margin: 12px 0; }

/* components/_errors.scss: $Revision: 1.6.2.1 $ */
/* _languageselect.scss: $Revision: 1.4.2.1 $ */
/* _buttons.scss: $Revision: 1.4.2.1 $ */
/* without this mouse outside of modal is huge blue spinner */
.jqmOverlay {
  cursor: auto !important; }

/** framework base **/
/** components base **/
#fw-language-select.language {
  margin: 10px 0px;
  zoom: 1;
  clear: both;
  display: none;
  width: 100%; }
  #fw-language-select.language p {
    display: block;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 0;
    line-height: 1.95;
    margin-bottom: 0;
    margin-right: 5px;
    white-space: nowrap; }
  #fw-language-select.language span {
    display: none; }
  #fw-language-select.language span:first-child {
    display: inline; }
  #fw-language-select.language select {
    display: block;
    width: 200px;
    padding: 2px;
    float: left;
    margin-top: 0;
    -webkit-appearance: menulist-button;
    border-color: #ccc;
    font-size: 12px;
    font-size: 1.2rem; }

.js #fw-language-select.language {
  display: table; }

.button {
  border: 1px solid #444;
  color: #444;
  background-color: #efefef;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #fdfdfd), color-stop(100%, #bcbcbc));
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: -moz-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 9px 34px 11px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 13.0px;
  font-size: 1.3rem;
  -webkit-text-shadow: 0 1px 0 white;
  -moz-text-shadow: 0 1px 0 white;
  -o-text-shadow: 0 1px 0 white;
  text-shadow: 0 1px 0 white; }
  .button:hover {
    text-decoration: none; }

.button-default {
  border: none;
  color: #fff;
  background-color: #605f5f;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #a5a5a5), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #a5a5a5 0%, #787878 100%);
  background: -moz-linear-gradient(top, #a5a5a5 0%, #787878 100%);
  background: -o-linear-gradient(top, #a5a5a5 0%, #787878 100%);
  background: linear-gradient(top, #a5a5a5 0%, #787878 100%);
  background: -ms-linear-gradient(top, #a5a5a5 0%, #787878 100%);
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 9px 34px 11px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 13.0px;
  font-size: 1.3rem;
  -webkit-text-shadow: 0 1px 0 white;
  -moz-text-shadow: 0 1px 0 white;
  -o-text-shadow: 0 1px 0 white;
  text-shadow: 0 1px 0 white; }
  .button-default:hover {
    text-decoration: none; }

.button-cta {
  border: 1px solid #444;
  color: #444;
  background-color: #efefef;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #fdfdfd), color-stop(100%, #bcbcbc));
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: -moz-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 9px 34px 11px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 13.0px;
  font-size: 1.3rem;
  -webkit-text-shadow: 0 1px 0 white;
  -moz-text-shadow: 0 1px 0 white;
  -o-text-shadow: 0 1px 0 white;
  text-shadow: 0 1px 0 white; }
  .button-cta:hover {
    text-decoration: none; }

.button-primary {
  border: none;
  color: #fff;
  background-color: #4d7700;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #8fc200), color-stop(100%, #629700));
  background: -webkit-linear-gradient(top, #8fc200 0%, #629700 100%);
  background: -moz-linear-gradient(top, #8fc200 0%, #629700 100%);
  background: -o-linear-gradient(top, #8fc200 0%, #629700 100%);
  background: linear-gradient(top, #8fc200 0%, #629700 100%);
  background: -ms-linear-gradient(top, #8fc200 0%, #629700 100%);
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 9px 34px 11px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 13.0px;
  font-size: 1.3rem;
  -webkit-text-shadow: 0 1px 0 white;
  -moz-text-shadow: 0 1px 0 white;
  -o-text-shadow: 0 1px 0 white;
  text-shadow: 0 1px 0 white; }
  .button-primary:hover {
    text-decoration: none; }

.button-secondary {
  border: none;
  color: #fff;
  background-color: #0267a8;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #00abe8), color-stop(100%, #057aca));
  background: -webkit-linear-gradient(top, #00abe8 0%, #057aca 100%);
  background: -moz-linear-gradient(top, #00abe8 0%, #057aca 100%);
  background: -o-linear-gradient(top, #00abe8 0%, #057aca 100%);
  background: linear-gradient(top, #00abe8 0%, #057aca 100%);
  background: -ms-linear-gradient(top, #00abe8 0%, #057aca 100%);
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 9px 34px 11px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 13.0px;
  font-size: 1.3rem;
  -webkit-text-shadow: 0 1px 0 white;
  -moz-text-shadow: 0 1px 0 white;
  -o-text-shadow: 0 1px 0 white;
  text-shadow: 0 1px 0 white; }
  .button-secondary:hover {
    text-decoration: none; }

.button-app {
  border: none;
  color: #fff;
  background-color: #494949;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #989898), color-stop(100%, #696969));
  background: -webkit-linear-gradient(top, #989898 0%, #696969 100%);
  background: -moz-linear-gradient(top, #989898 0%, #696969 100%);
  background: -o-linear-gradient(top, #989898 0%, #696969 100%);
  background: linear-gradient(top, #989898 0%, #696969 100%);
  background: -ms-linear-gradient(top, #989898 0%, #696969 100%);
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 9px 34px 11px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 13.0px;
  font-size: 1.3rem;
  -webkit-text-shadow: 0 1px 0 white;
  -moz-text-shadow: 0 1px 0 white;
  -o-text-shadow: 0 1px 0 white;
  text-shadow: 0 1px 0 white; }
  .button-app:hover {
    text-decoration: none; }

/* _icons.scss: $Revision: 1.140714 */
[class*="icons-"] {
  background-color: transparent;
  background-image: url("../../../fw/i/responsive/icons-sprite.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden; }

.icons-facebook {
  background-position: 0 0; }

.icons-twitter {
  background-position: 0 -33px; }

.icons-linkedin {
  background-position: 0 -66px; }

.icons-googleplus {
  background-position: 0 -99px; }

.icons-email {
  background-position: 0 -132px; }

.icons-vkontakte {
  background-position: 0 -165px; }

.icons-renren {
  background-position: 0 -198px; }

.icons-weibo {
  background-position: 0 -231px; }

.icons-vtqq {
  background-position: 0 -264px; }

.inverse .icons-facebook {
  background-position: -33px 0; }
.inverse .icons-twitter {
  background-position: -33px -33px; }
.inverse .icons-linkedin {
  background-position: -33px -66px; }
.inverse .icons-googleplus {
  background-position: -33px -99px; }
.inverse .icons-email {
  background-position: -33px -132px; }
.inverse .icons-vkontakte {
  background-position: -33px -165px; }
.inverse .icons-renren {
  background-position: -33px -198px; }
.inverse .icons-weibo {
  background-position: -33px -231px; }
.inverse .icons-vtqq {
  background-position: -33px -264px; }

#fw-masthead {
  display: block;
  min-height: 50px;
  height: 50px;
  padding: 0;
  box-sizing: border-box;
  background-color: #3c6ba1;
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #4d80af), color-stop(100%, #2b5593));
  background: -webkit-linear-gradient(top, #4d80af 0%, #2b5593 100%);
  background: -moz-linear-gradient(top, #4d80af 0%, #2b5593 100%);
  background: -o-linear-gradient(top, #4d80af 0%, #2b5593 100%);
  background: linear-gradient(top, #4d80af 0%, #2b5593 100%);
  background: -ms-linear-gradient(top, #4d80af 0%, #2b5593 100%); }

#fw-banner {
  display: block;
  width: 100%;
  position: relative;
  height: 50px;
  z-index: 1000; }
  #fw-banner .search-entitlement {
    display: none; }
  #fw-banner #fw-treenavbutton {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: inherit;
    width: 42px;
    position: relative;
    float: left;
    border-right: 1px solid #ccc; }
    #fw-banner #fw-treenavbutton.open {
      background-color: #2e547c;
      background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #3f6990), color-stop(100%, #1d3f67));
      background: -webkit-linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: -moz-linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: -o-linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: -ms-linear-gradient(top, #3f6990 0%, #1d3f67 100%); }
    #fw-banner #fw-treenavbutton span {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 4px;
      width: 20px;
      margin-left: 25%;
      margin-bottom: 4px;
      background-color: #cad0d8;
      border: 1px solid #2f5174;
      border-width: 1px 0 0 0; }
  #fw-banner #fw-logo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: inherit;
    width: 90px;
    float: left;
    overflow: hidden; }
    #fw-banner #fw-logo div {
      display: block;
      position: relative;
      height: 200%;
      width: 200%;
      font-size: 0px;
      top: -25px;
      left: -43px;
      overflow: hidden;
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
      #fw-banner #fw-logo div:before {
        display: inline-block;
        content: url("../../../fw/i/responsive/framework-sprite.png");
        margin: -183px 0 0 -12px; }
      .cec-login #fw-banner #fw-logo div:before {
        margin-left: -10px; }
      #fw-banner #fw-logo div img {
        display: none; }
  #fw-banner #fw-areanav {
    display: none; }
  #fw-banner #fw-searchbutton {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: inherit;
    width: 42px;
    position: absolute;
    right: -21px;
    top: -25px;
    height: 100px;
    width: 84px;
    border: 1px solid #ccc;
    border-width: 0px;
    border-left-width: 2px;
    overflow: hidden;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    cursor: pointer; }
    #fw-banner #fw-searchbutton:before {
      display: inline-block;
      content: url("../../../fw/i/responsive/framework-sprite.png");
      margin: -297px 0 0 -63px; }
    #fw-banner #fw-searchbutton.active {
      background-color: #2e547c;
      background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #3f6990), color-stop(100%, #1d3f67));
      background: -webkit-linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: -moz-linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: -o-linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: linear-gradient(top, #3f6990 0%, #1d3f67 100%);
      background: -ms-linear-gradient(top, #3f6990 0%, #1d3f67 100%); }
      #fw-banner #fw-searchbutton.active:before {
        content: none; }
      #fw-banner #fw-searchbutton.active div {
        position: relative;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        padding: 0px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ccc rgba(255, 255, 255, 0);
        border-width: 14px 14px;
        top: -10px;
        left: 35%; }
        .hicontrast #fw-banner #fw-searchbutton.active div {
          content: "^"; }
        .hicontrast #fw-banner #fw-searchbutton.active div {
          width: 1em;
          height: 1em; }

.bb7 #fw-banner #fw-treenavbutton {
  display: none; }

.no-js #fw-masthead {
  height: inherit; }
  .no-js #fw-masthead #fw-logo div {
    height: 100px; }
  .no-js #fw-masthead #fw-banner {
    height: inherit; }
    .no-js #fw-masthead #fw-banner #fw-treenavbutton, .no-js #fw-masthead #fw-banner #fw-searchbutton {
      display: none; }

#fw-areanav > ul > li.mm-hovered > a {
  opacity: 0.8; }
  #fw-areanav > ul > li.mm-hovered > a:after {
    position: relative;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    padding: 0px;
    border-color: #ccc rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 5px 5px;
    margin: 4px auto -14px; }
    .hicontrast #fw-areanav > ul > li.mm-hovered > a:after {
      content: "v"; }
    .hicontrast #fw-areanav > ul > li.mm-hovered > a:after {
      width: 1em;
      height: 1em; }

.gt-ie8 #fw-banner #fw-searchbutton {
  width: 58px;
  right: 0px; }
  .gt-ie8 #fw-banner #fw-searchbutton.active {
    transform: none;
    height: 50px;
    width: 43px;
    border-left-width: 1px;
    top: 0px; }
    .gt-ie8 #fw-banner #fw-searchbutton.active div {
      position: relative;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      padding: 0px;
      border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ccc rgba(255, 255, 255, 0);
      border-width: 7px 7px;
      top: -6px; }
      .hicontrast .gt-ie8 #fw-banner #fw-searchbutton.active div {
        content: "^"; }
      .hicontrast .gt-ie8 #fw-banner #fw-searchbutton.active div {
        width: 1em;
        height: 1em; }

#fw-utility {
  display: none; }

#fw-skiplinks {
  display: table;
  position: absolute;
  top: -1000px;
  left: 0;
  right: 0;
  z-index: 1050;
  font-size: 13.0px;
  font-size: 1.3rem;
  height: 20px;
  width: 100%;
  background: #000; }
  #fw-skiplinks ul {
    height: 20px;
    max-width: 980px;
    margin: 0 auto;
    padding: 0; }
    #fw-skiplinks ul li {
      float: left;
      padding: 0 10px 0;
      margin: 2px 0 0;
      line-height: 16px; }
      #fw-skiplinks ul li a {
        color: #FFF; }
        #fw-skiplinks ul li a:hover, #fw-skiplinks ul li a:focus {
          text-decoration: underline; }
        #fw-skiplinks ul li a:active, #fw-skiplinks ul li a:viewed {
          text-decoration: none; }
    #fw-skiplinks ul li + li {
      border-left: 1px solid #4d4d4d;
      padding-left: 10px; }

#fw-skiplinks.show {
  position: relative;
  top: 0px; }

#fw-search {
  display: none;
  float: right;
  width: 100%;
  background-color: #3d3d3d;
  padding: 6px 0px; }
  #fw-search.visible {
    display: block; }
  #fw-search form {
    outline: none; }
  #fw-search form > div {
    background-color: #cad1d9;
    border: 4px solid #91979d;
    border-radius: 3px;
    overflow: visible;
    width: 90%;
    position: relative;
    margin-right: auto;
    margin-left: auto; }
    #fw-search form > div:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
  #fw-search label {
    display: none; }
  #fw-search input[type="search"], #fw-search input#searchPhrase {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 90%;
    height: 30px;
    margin: 0;
    padding-right: 30px;
    padding-left: 4px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    font-size: 1.4rem;
    color: #444;
    line-height: normal; }
    #fw-search input[type="search"]:focus, #fw-search input[type="search"]:active, #fw-search input#searchPhrase:focus, #fw-search input#searchPhrase:active {
      background-color: transparent; }
  #fw-search #mobile-search-input {
    display: none; }
  #fw-search #fw-search-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: none;
    padding: 0;
    overflow: hidden; }
    #fw-search #fw-search-button > div {
      overflow: hidden;
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      background-color: transparent;
      cursor: pointer;
      width: 60px;
      height: 60px;
      position: relative;
      top: -15px;
      right: 13px; }
      #fw-search #fw-search-button > div:before {
        display: inline-block;
        content: url("../../../fw/i/responsive/framework-sprite.png");
        margin: -410px 0 0 -73px; }

button#fw-searchbutton:-moz-focusring,
button#fw-search-button:-moz-focusring {
  outline: 0px; }

button#fw-searchbutton:focus::-moz-focus-inner,
button#fw-search-button:focus::-moz-focus-inner {
  border: 1px dotted; }

.lt-ie10 #fw-banner #fw-search form > div {
  border-radius: none; }
.lt-ie10 #fw-banner #fw-search input[type="search"], .lt-ie10 #fw-banner #fw-search input#searchPhrase {
  box-sizing: border-box;
  padding-right: 0; }

.no-js #fw-search {
  position: absolute;
  display: block;
  height: auto;
  width: 60%;
  top: 10px;
  right: 10px;
  padding: 0px 0px;
  background-color: transparent; }
  .no-js #fw-search form > div {
    width: auto;
    border: 4px solid rgba(75, 100, 125, 0.6); }
    .no-js #fw-search form > div input[type="search"], .no-js #fw-search form > div input#searchPhrase {
      height: 20px; }
    .no-js #fw-search form > div #fw-search-button {
      top: -5px; }

#search-drop-down {
  display: none;
  left: 20px;
  margin: 0 4px;
  margin-left: auto;
  position: absolute;
  top: 90px;
  z-index: 1000;
  width: 215px; }
  #search-drop-down.visible {
    display: block; }
  #search-drop-down .contextual-search-top {
    background-image: url("../../../fw/i/responsive/infohover-top.png");
    height: 12px; }
  #search-drop-down .contextual-search-bot {
    background-image: url("../../../fw/i/responsive/infohover-bottom.png");
    background-position: bottom left;
    height: 12px; }

#autoSuggest {
  background-image: url("../../../fw/i/responsive/infohover-middle.png");
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 0;
  padding-left: 7px;
  padding-right: 7px; }
  #autoSuggest .suggestionEntry, #autoSuggest .suggestionEntryHover {
    color: #2F6681;
    cursor: pointer;
    overflow: hidden;
    padding: 2px 10px 2px 10px;
    text-align: left;
    white-space: nowrap;
    width: 181px; }
  #autoSuggest .suggestionEntryHover {
    background-color: #DDE6EB;
    text-decoration: underline; }

.body-treenav-open {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0; }

#treenav-secondary li span.locked {
  overflow: hidden;
  background-color: #f6f6f6;
  display: inline-block;
  width: 20px;
  height: 12px; }
  #treenav-secondary li span.locked:before {
    display: inline-block;
    content: url("../../../fw/i/responsive/framework-sprite.png");
    margin: -630px 0 0 -88px; }

#fw-treenav.open #tn-actions {
  border-bottom: 1px solid #ccc;
  display: block;
  height: auto;
  margin-bottom: 0;
  min-height: 30px;
  padding: 11.5px 10px;
  width: auto; }
  #fw-treenav.open #tn-actions .fw-welcome {
    color: #444;
    display: none;
    font-size: 13px;
    margin-bottom: 14px;
    max-width: none;
    width: 100%; }
    #fw-treenav.open #tn-actions .fw-welcome span {
      display: block;
      margin-top: 12px; }
  #fw-treenav.open #tn-actions li {
    border: 0;
    display: inline-block;
    height: auto;
    margin: 0 2% 0 -4px;
    max-width: 150px;
    min-width: 65px;
    vertical-align: top;
    width: 32%; }
    #fw-treenav.open #tn-actions li a {
      font-size: 14px;
      font-size: 1.4rem;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 5px 0px;
      width: auto;
      text-align: center; }
    #fw-treenav.open #tn-actions li:first-child, #fw-treenav.open #tn-actions li:not(.fw-login-util) + li:nth-of-type(2) {
      margin-left: 0; }
    #fw-treenav.open #tn-actions li:last-child {
      margin-right: 0; }
#fw-treenav.open #tn-mycisco {
  border-bottom: 1px solid #ccc; }
#fw-treenav.open #tn-language {
  border-bottom: 3px #ccc solid; }
  #fw-treenav.open #tn-language > li:first-child {
    padding: 11.5px 25px 11.5px 10px; }
    #fw-treenav.open #tn-language > li:first-child > a {
      color: #999;
      display: inline;
      padding: 0; }
  #fw-treenav.open #tn-language #tn-languages {
    border: 0;
    display: block;
    margin-top: 5px; }
    #fw-treenav.open #tn-language #tn-languages li {
      border: 0;
      border-bottom: 0;
      border-right: 1px solid #999;
      color: #999;
      display: inline-table;
      line-height: 1.3;
      max-width: 32%;
      min-width: 0;
      padding: 0 7px;
      width: auto; }
      #fw-treenav.open #tn-language #tn-languages li:first-child {
        padding-left: 0; }
      #fw-treenav.open #tn-language #tn-languages li:last-child {
        border-right: 0;
        padding-right: 0; }
      #fw-treenav.open #tn-language #tn-languages li a {
        color: #444;
        padding: 0; }

#fw-treenav.open, #treenav-secondary {
  bottom: 0px;
  overflow-x: hidden; }

#fw-treenav.open, #treenav-secondary, #treenav-secondary ul {
  display: block;
  height: auto;
  list-style-type: none;
  overflow-y: auto;
  position: fixed;
  margin: 0px;
  top: 50px;
  width: 100%;
  -webkit-overflow-scrolling: touch; }

#fw-treenav.open a, #fw-treenav.open button, #treenav-secondary li a, #treenav-secondary li button {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  color: #222;
  font-family: Arial Regular, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  text-shadow: #FFF 0px 1px 1px;
  padding: 11.5px 25px 11.5px 10px;
  margin: 0px;
  line-height: 1.3; }

#fw-treenav li, #treenav-secondary li, #treenav-back {
  width: 100%;
  border-bottom: 1px solid #ccc;
  clear: left;
  box-sizing: border-box; }
  #fw-treenav li.divider, #treenav-secondary li.divider, #treenav-back.divider {
    border-bottom-width: 4px; }

#fw-treenav {
  display: none; }
  #fw-treenav.open {
    display: block; }
    #fw-treenav.open button.treenav-in {
      background-color: #fff; }
      #fw-treenav.open button.treenav-in.active {
        background-color: #eee; }
  #fw-treenav ul, #fw-treenav li, #fw-treenav div {
    position: relative;
    margin: 0px;
    width: 100%;
    background-color: #fff;
    padding: 0px; }
  #fw-treenav button span {
    -moz-transform: rotate(45deg)  ;
    -ms-transform: rotate(45deg)  ;
    -webkit-transform: rotate(45deg)  ;
    transform: rotate(45deg)  ;
    display: block;
    content: "";
    width: 0;
    height: 0;
    top: 2px;
    border-style: solid;
    padding: 5px;
    border-color: #525252;
    border-width: 1px 1px 0 0;
    position: absolute;
    right: 8px;
    top: 15px; }
  #fw-treenav section {
    position: fixed;
    bottom: 0px;
    width: 100%;
    top: 50px;
    overflow-y: auto; }
  #fw-treenav #treenav-primary li, #fw-treenav #treenav-primary #tn-mycisco, #fw-treenav #tn-language li, #fw-treenav #tn-language #tn-mycisco {
    width: 100%;
    border-bottom: 1px solid #ccc;
    clear: left;
    box-sizing: border-box; }
  #fw-treenav #treenav-primary ul, #fw-treenav #tn-language ul {
    display: none; }

#treenav-back {
  -webkit-box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.1);
  -moz-box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.1);
  -o-box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.1);
  box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.1);
  position: fixed;
  top: 50px;
  left: 100%;
  height: 41px;
  background-color: #fff;
  z-index: 503; }
  #treenav-back button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: inherit;
    width: 42px;
    display: inline-block;
    border-right: 1px solid #ccc; }
    #treenav-back button span {
      -moz-transform: rotate(45deg)  ;
      -ms-transform: rotate(45deg)  ;
      -webkit-transform: rotate(45deg)  ;
      transform: rotate(45deg)  ;
      display: block;
      content: "";
      width: 0;
      height: 0;
      top: 2px;
      border-style: solid;
      padding: 5px;
      border-color: #525252;
      border-width: 0 0 1px 1px;
      right: -4px;
      display: inline-block;
      z-index: 1; }
  #treenav-back > span {
    width: auto;
    display: inline-block;
    padding: 10px 0px 10px 10px; }

#treenav-secondary {
  left: 100%;
  top: 91px; }
  #treenav-secondary ul {
    position: relative;
    width: 100%;
    overflow-y: visible;
    top: 0px;
    bottom: 0px; }
    #treenav-secondary ul li {
      margin-bottom: 0px;
      background-color: #f6f6f6; }
      #treenav-secondary ul li div {
        height: 100%;
        width: 100%;
        background-color: #d8d8d8;
        padding: 7px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold; }

#fw-breadcrumb {
  padding-bottom: 10px; }
  #fw-breadcrumb ul {
    padding: 0px 10px;
    padding-top: 10px; }
    #fw-breadcrumb ul li {
      color: #666666;
      font-size: 11.0px;
      font-size: 1.1rem;
      padding: 0;
      display: none; }
      #fw-breadcrumb ul li a {
        color: #666666;
        text-decoration: none;
        cursor: pointer;
        font-size: 12px; }
        #fw-breadcrumb ul li a:hover {
          text-decoration: underline; }
      #fw-breadcrumb ul li span.caret::before {
        content: " / ";
        margin-left: 5px;
        margin-right: 8px;
        font-size: 12px;
        color: #58585b; }
      #fw-breadcrumb ul li:last-child {
        display: inline-block; }

#fw-backtolink {
  padding-bottom: 0px;
  padding-left: 7px;
  position: relative;
  top: -10px; }
  #fw-backtolink div {
    display: table-cell;
    min-width: 20px;
    font-size: 13.0px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 0px; }
  #fw-backtolink span {
    -moz-transform: rotate(45deg)  ;
    -ms-transform: rotate(45deg)  ;
    -webkit-transform: rotate(45deg)  ;
    transform: rotate(45deg)  ;
    display: block;
    content: "";
    width: 0;
    height: 0;
    top: 2px;
    border-style: solid;
    padding: 2px;
    border-color: #007fc5;
    border-width: 0 0 1px 1px;
    position: relative;
    top: -2px;
    margin-left: 8px; }
  #fw-backtolink a {
    font-size: 13.0px;
    font-size: 1.3rem;
    text-decoration: none; }
    #fw-backtolink a:hover {
      text-decoration: underline; }

html.lt-ie11.gt-ie9 #fw-backtolink div {
  padding-bottom: 0px; }
html.lt-ie11.gt-ie9 #fw-backtolink span {
  top: -2.5px; }

html.lt-ie10.gt-ie8 #fw-backtolink {
  white-space: nowrap;
  display: inline; }
  html.lt-ie10.gt-ie8 #fw-backtolink div {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    padding-bottom: 0px; }
  html.lt-ie10.gt-ie8 #fw-backtolink span {
    top: 5px; }

#fw-pagetitle {
  font-size: 20px;
  font-size: 2rem;
  color: #444;
  padding: 14px 0 20px 10px;
  line-height: 1.25em; }

.pageTitleComponent {
  padding-top: 13px; }
  .pageTitleComponent #fw-breadcrumb {
    padding: 0 10px 6px 10px; }
    .pageTitleComponent #fw-breadcrumb ul {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0; }
      .pageTitleComponent #fw-breadcrumb ul li a {
        color: #58585b; }
  .pageTitleComponent .titleOnly {
    margin-top: 7px;
    margin-bottom: 6px; }
  .pageTitleComponent #fw-pagetitle2 {
    font-family: CiscoSans, Arial, Helvetica, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", sans-serif;
    font-weight: 100;
    font-size: 28px;
    color: #58585b;
    line-height: normal;
    padding: 0 9px 9px 9px; }
  .pageTitleComponent #fw-backtolink {
    font-family: CiscoSans, Arial, Helvetica, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", sans-serif;
    padding-bottom: 13px;
    top: 0; }
    .pageTitleComponent #fw-backtolink span {
      -moz-transform: rotate(45deg)  ;
      -ms-transform: rotate(45deg)  ;
      -webkit-transform: rotate(45deg)  ;
      transform: rotate(45deg)  ;
      display: block;
      content: "";
      width: 0;
      height: 0;
      top: 2px;
      border-style: solid;
      padding: 3px;
      border-color: #999;
      border-width: 0 0 1px 1px;
      top: -1px; }
    .pageTitleComponent #fw-backtolink a {
      font-weight: 200;
      color: #58585b; }

#fw-fatfooter {
  display: none; }

#fw-footer {
  overflow: hidden;
  display: block;
  position: relative;
  width: auto;
  clear: left;
  padding: 22px 0 15px; }
  #fw-footer ul {
    border-top: 1px solid #ccc;
    color: #007fc5;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: visible;
    padding-top: 10px;
    margin: auto 10px; }
    #fw-footer ul li {
      float: left;
      display: inline-block;
      line-height: 23px;
      padding: 0 19px 0 0;
      position: relative; }
      #fw-footer ul li #fw_feedback_img {
        cursor: pointer; }
      #fw-footer ul li:after {
        content: "|";
        position: absolute;
        right: 7px;
        top: 0;
        color: #999; }
      #fw-footer ul li:nth-child(2):after {
        content: none; }
      #fw-footer ul li:nth-child(3), #fw-footer ul li:nth-child(4), #fw-footer ul li:nth-child(6) span:nth-child(2), #fw-footer ul li:nth-child(7) span:nth-child(2) {
        display: none; }
      #fw-footer ul li:nth-child(6) span:first-child, #fw-footer ul li:nth-child(7) span:first-child {
        display: block; }
      #fw-footer ul li:first-child, #fw-footer ul li:nth-child(5) {
        clear: left;
        padding-left: 0; }
      #fw-footer ul li:last-child:after {
        content: none; }
      #fw-footer ul li img {
        padding-right: 5px; }
  #fw-footer a:visited {
    text-decoration: none; }
  #fw-footer a:hover {
    text-decoration: underline; }
  #fw-footer.inverse ul, #fw-footer.inverse ul li, #fw-footer.inverse ul li a, #fw-footer.inverse ul li:after {
    color: #fff; }
  #fw-footer.legal ul li:first-child, #fw-footer.legal ul li:nth-child(2), #fw-footer.legal ul li:nth-child(3), #fw-footer.legal ul li:nth-child(4) {
    display: none; }

.cdc-homepage #fw-footer ul {
  border-top: none; }

#fw-overlay {
  display: none;
  position: fixed;
  top: 50px;
  bottom: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 500; }
  #fw-overlay.open {
    display: block; }

@media only screen and (min-width: 37.5em) {
  /** framework small **/
  /** components small **/
  #fw-language-select.language {
    max-width: 100%;
    min-width: 400px;
    clear: left;
    margin: 10px 0 0;
    border: 0; }
    #fw-language-select.language span {
      display: inline; }
    #fw-language-select.language span:first-child {
      display: none; }
    #fw-language-select.language select {
      width: 210px; }

  .button-cta, .button, .button-default, .button-primary, .button-secondary, .button-app {
    padding: 5px 13px;
    font-size: 12px;
    font-size: 1.2rem; }

  .yes-js #fw-masthead #fw-banner .areatitle {
    display: none; }

  .bb7 #fw-banner #fw-treenavbutton {
    display: block; }

  #fw-search {
    padding: 6px 10px; }
    #fw-search form > div {
      width: 60%;
      margin-right: 0px; }

  #search-drop-down {
    left: 37%; }

  .no-js #fw-banner nav {
    padding: 0px 10px;
    box-sizing: border-box; }

  #fw-treenav.open {
    width: 300px;
    max-width: 300px;
    left: 0px !important; }
  #fw-treenav section {
    width: 300px; }
  #fw-treenav ul, #fw-treenav div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ccc; }

  #treenav-back {
    display: none; }

  #treenav-secondary {
    top: 50px;
    left: 300px !important;
    width: 300px;
    max-width: 300px; }
    #treenav-secondary ul {
      top: 0px;
      width: inherit;
      z-index: 501;
      background-color: #f6f6f6;
      border-bottom: 1px solid #ccc;
      -webkit-box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.2);
      -o-box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.2);
      box-shadow: inset 12px 0px 10px -10px rgba(0, 0, 0, 0.2); }
      #treenav-secondary ul li, #treenav-secondary ul button {
        background-color: transparent; }

  #fw-breadcrumb ul {
    padding: 10px 0px 0px 0px; }

  #fw-backtolink {
    padding-left: 0; }

  #fw-pagetitle {
    padding: 14px 0 20px 0;
    font-size: 24px;
    font-size: 2.4rem; }

  .pageTitleComponent {
    padding-top: 17px; }
    .pageTitleComponent #fw-breadcrumb {
      padding-bottom: 14px;
      padding-left: 0;
      padding-right: 0; }
    .pageTitleComponent .titleOnly {
      margin-top: 13px;
      margin-bottom: 2px; }
    .pageTitleComponent #fw-pagetitle2 {
      padding-bottom: 16px;
      padding-left: 0;
      padding-right: 0; }
    .pageTitleComponent #fw-backtolink {
      padding-bottom: 16px; }

  .cec-login #fw-footer {
    padding-left: 0px; }

  .grid #fw-footer ul {
    margin: 0; } }
@media only screen and (min-width: 48em) {
  /** framework medium **/
  .cec-login #fw-banner #fw-logo div:before {
    margin-left: 0px; }
  #fw-banner #fw-areanav {
    display: none; }
  #fw-banner #fw-searchbutton {
    display: none; }

  #fw-search {
    display: block;
    position: absolute;
    float: right;
    top: 7px;
    width: 30%;
    right: 10px;
    padding-right: 0px;
    background-color: transparent; }
    #fw-search form {
      margin: 0px; }
    #fw-search form > div {
      left: 0px;
      width: auto;
      border: 4px solid rgba(75, 100, 125, 0.6);
      float: none;
      margin-right: auto; }
    #fw-search input[type="search"], #fw-search input#searchPhrase {
      height: 23px; }
    #fw-search #fw-search-button {
      height: 23px;
      width: 23px; }
      #fw-search #fw-search-button > div {
        overflow: hidden;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        height: 46px;
        width: 46px;
        right: 14px; }
        #fw-search #fw-search-button > div:before {
          display: inline-block;
          content: url("../../../fw/i/responsive/framework-sprite.png");
          margin: -415px 0 0 -73px -7; }

  .no-js #fw-search form > div #fw-search-button {
    top: -2px; }

  .lt-ie10 #fw-header #fw-banner #fw-search {
    width: 18%; }

  #search-drop-down {
    left: 5px;
    top: 36px; }

  #fw-pagetitle {
    padding-top: 14px 0 20px 0;
    font-size: 26.0px;
    font-size: 2.6rem; }

  .pageTitleComponent #fw-breadcrumb {
    padding-bottom: 7px; }
  .pageTitleComponent #fw-pagetitle2 {
    font-size: 36px; }

  #fw-footer {
    padding: 44px 0 8px; }
    #fw-footer ul {
      font-size: 11.0px;
      font-size: 1.1rem;
      border-top: 1px solid #eaeaea;
      padding-top: 9px;
      padding-left: 12px; }
      #fw-footer ul li {
        padding-bottom: 0.7em;
        line-height: inherit; }
        #fw-footer ul li:nth-child(2):after {
          content: "|"; }
        #fw-footer ul li:last-child:after {
          content: none; }
        #fw-footer ul li:nth-child(3), #fw-footer ul li:nth-child(4) {
          display: block; }
        #fw-footer ul li:first-child, #fw-footer ul li:nth-child(5) {
          clear: none; }
        #fw-footer ul li:nth-child(6) span:nth-child(2), #fw-footer ul li:nth-child(7) span:nth-child(2) {
          display: inline; }
        #fw-footer ul li:nth-child(6) span:first-child, #fw-footer ul li:nth-child(7) span:first-child {
          display: none; }

  .cec-login #fw-footer {
    padding-left: 10px; }
    .cec-login #fw-footer ul {
      padding-left: 0px; }

  .cdc-homepage #fw-footer ul {
    border-top: 1px solid #eaeaea; } }
@media only screen and (max-width: 60em) {
  /** famework max-medium **/
  .no-js #fw-banner {
    position: static; }
    .no-js #fw-banner nav {
      display: block;
      position: absolute;
      top: 50px;
      width: 100%;
      background-color: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .no-js #fw-banner nav#fw-utility {
        position: relative;
        top: 50px; }
        .no-js #fw-banner nav#fw-utility #language {
          position: relative;
          bottom: -82px; }
        .no-js #fw-banner nav#fw-utility #actions {
          position: relative;
          top: -41px; }
    .no-js #fw-banner #fw-logo {
      position: absolute;
      top: 0px; }
    .no-js #fw-banner #fw-areanav {
      display: block;
      position: relative;
      margin-bottom: 50px;
      width: 100%;
      background-color: white; }
    .no-js #fw-banner #actions {
      border-bottom: 1px solid #ccc;
      margin-bottom: 0px;
      height: 41px; }
      .no-js #fw-banner #actions li {
        width: 32%;
        max-width: 150px;
        height: auto;
        border: none;
        float: left;
        margin-left: 1%;
        clear: none; }
        .no-js #fw-banner #actions li a {
          font-size: 13px;
          font-size: 1.3rem;
          border: 1px solid #ccc;
          padding: 4px;
          border-radius: 4px;
          margin: 6px 1%;
          width: auto;
          text-align: center; }
    .no-js #fw-banner #fw-utility {
      display: block;
      position: absolute;
      top: 50px;
      width: 100%;
      background-color: white; }
    .no-js #fw-banner #mycisco {
      position: relative;
      top: -41px;
      border-bottom: 1px solid #ccc; }
    .no-js #fw-banner #language {
      border-bottom: 3px #ccc solid; }
    .no-js #fw-banner #fw-utility a, .no-js #fw-banner #fw-areanav a, .no-js #fw-banner button {
      display: block;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-decoration: none;
      color: #222;
      font-family: Arial Regular, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-align: left;
      text-decoration: none;
      text-shadow: #FFF 0px 1px 1px;
      padding: 11.5px 25px 11.5px 10px;
      margin: 0px; }
      .no-js #fw-banner #fw-utility a.mm-reflink, .no-js #fw-banner #fw-areanav a.mm-reflink, .no-js #fw-banner button.mm-reflink {
        display: none; }
    .no-js #fw-banner #fw-areanav li, .no-js #fw-banner #fw-utility mycisco {
      width: 100%;
      border-bottom: 1px solid #ccc;
      clear: left;
      box-sizing: border-box; }
      .no-js #fw-banner #fw-areanav li.divider, .no-js #fw-banner #fw-utility mycisco.divider {
        border-bottom-width: 4px; } }
@media only screen and (min-width: 60em) {
  /** framework large **/
  .no-touch #fw-masthead {
    padding: 0 10px;
    height: 75px !important; }
    .no-touch #fw-masthead #fw-banner {
      height: 75px; }
      .no-touch #fw-masthead #fw-banner #fw-hamburger, .no-touch #fw-masthead #fw-banner #fw-treenavbutton {
        display: none; }
      .no-touch #fw-masthead #fw-banner #fw-logo {
        width: 85px; }
        .no-touch #fw-masthead #fw-banner #fw-logo div {
          top: -38px;
          overflow: hidden;
          -moz-transform: scale(0.5);
          -ms-transform: scale(0.5);
          -webkit-transform: scale(0.5);
          transform: scale(0.5); }
          .no-touch #fw-masthead #fw-banner #fw-logo div:before {
            display: inline-block;
            content: url("../../../fw/i/responsive/framework-sprite.png");
            margin: -17px 0 0 -11px; }
      .no-touch #fw-masthead #fw-banner #fw-areanav {
        position: relative;
        display: table;
        top: 0px;
        width: 73%; }
        .no-touch #fw-masthead #fw-banner #fw-areanav > ul {
          display: table-row;
          margin: 0; }
          .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li {
            display: table-cell;
            max-width: 100px;
            height: 75px;
            margin: 0 auto;
            vertical-align: middle;
            padding: 0px; }
            .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li > a {
              display: block;
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.38);
              text-align: center;
              color: #fff;
              padding: 25px 10px 18px; }
              .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li > a:hover {
                text-decoration: none; }
              .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li > a.mm-reflink {
                display: none; }
            .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li.mm-hovered > a {
              opacity: 0.8; }
              .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li.mm-hovered > a:after {
                position: relative;
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                padding: 0px;
                border-color: #ccc rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
                border-width: 5px 5px;
                margin: 4px auto -14px; }
                .hicontrast .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li.mm-hovered > a:after {
                  content: "v"; }
                .hicontrast .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li.mm-hovered > a:after {
                  width: 1em;
                  height: 1em; }
              .cdc-login .no-touch #fw-masthead #fw-banner #fw-areanav > ul > li.mm-hovered > a:after {
                content: none;
                margin: 0; }
  .no-touch.js #fw-masthead #fw-banner #fw-areanav ul li a.disabled {
    color: #9dafc8; }
  .no-touch.lt-ie10 #fw-banner #fw-areanav > ul > li:first-child {
    width: 20%;
    padding: 0; }
  .no-touch #fw-utility {
    z-index: 2;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
    font-size: 1rem;
    color: #c2cee3; }
    .no-touch #fw-utility a {
      margin-bottom: 3px;
      color: #fff; }
      .no-touch #fw-utility a:hover {
        text-decoration: underline; }
    .no-touch #fw-utility ul {
      float: left;
      height: 14px;
      margin-bottom: 0px;
      margin-left: 16px;
      margin-top: 3px; }
      .no-touch #fw-utility ul li {
        line-height: 11px;
        float: left;
        margin-bottom: 0px;
        margin-left: 8px; }
        .no-touch #fw-utility ul li:after {
          content: "|";
          color: #fff;
          margin-left: 8px; }
        .no-touch #fw-utility ul li.no-pipe:after {
          content: none; }
      .no-touch #fw-utility ul#lang-options {
        margin-left: 0; }
    .no-touch #fw-utility #mycisco {
      float: left;
      background-color: #7a8ba5;
      margin-left: 16px;
      padding: 0px 10px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .no-touch #fw-utility #mycisco a {
        display: block;
        padding-top: 3px; }
  .no-touch #fw-banner #fw-search {
    top: 20px;
    width: 18%;
    right: 0; }
    .no-touch #fw-banner #fw-search input[type="search"], .no-touch #fw-banner #fw-search input#searchPhrase {
      font-size: 12px;
      font-size: 1.2rem; }
  .no-touch.no-js #fw-search {
    padding: 6px 0px; }
  .no-touch #fw-treenav.open {
    display: none; }
    .no-touch #fw-treenav.open #tn-actions .hp-cq-welcome {
      display: block; }
  .no-touch #treenav-secondary {
    display: none; }

  .no-js #fw-masthead #fw-logo div {
    height: 150px; }

  .touch #fw-banner #fw-search {
    width: 25%; }
  .touch.js #fw-masthead #fw-banner #fw-areanav ul li a.disabled {
    color: #9dafc8; }

  .pageTitleComponent #fw-pagetitle2 {
    font-size: 40px; }

  #fw-breadcrumb ul li {
    font-size: 11.0px;
    font-size: 1.1rem;
    display: inline;
    display: inline-block; }
  #fw-breadcrumb ul.is-ellipsed li {
    display: none; }
    #fw-breadcrumb ul.is-ellipsed li:first-child, #fw-breadcrumb ul.is-ellipsed li:nth-child(2), #fw-breadcrumb ul.is-ellipsed li:last-child, #fw-breadcrumb ul.is-ellipsed li:nth-last-child(2) {
      display: inline-block; }
  #fw-breadcrumb ul.de-ellipsed li {
    display: inline-block; }

  #fw-fatfooter {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 15px;
    font-size: 11.0px;
    font-size: 1.1rem;
    background-color: #f9f9f9;
    background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); }
    #fw-fatfooter:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #fw-fatfooter a:hover {
      text-decoration: underline; }
    #fw-fatfooter ul {
      margin-bottom: 0; }
      #fw-fatfooter ul li {
        margin: 3px 0; }
        #fw-fatfooter ul li a {
          color: #525252; }
    #fw-fatfooter h4 {
      font-weight: normal;
      font-size: 12px;
      font-size: 1.2rem;
      margin: 15px 0 7px 0;
      color: #000; }
      #fw-fatfooter h4 a {
        color: #000; }
    #fw-fatfooter > div {
      width: 25%;
      float: left;
      padding: 8px 0 20px 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

  .row.blowout #fw-fatfooter {
    background: transparent;
    margin: auto;
    max-width: 1044px; }

  .js #fw-fatfooter h4 {
    position: relative; }
    .js #fw-fatfooter h4 button::-moz-focus-inner {
      margin: -2px 0;
      padding: 0;
      border: 1px; }
    .js #fw-fatfooter h4 .submenu-container {
      position: relative;
      display: inline;
      padding: 10px 10px 10px 4px; }
      .js #fw-fatfooter h4 .submenu-container .menu-button {
        position: relative;
        z-index: 0;
        background-color: #dadada;
        border-radius: 2px;
        padding: 3px 4px 4px 5px;
        cursor: pointer;
        display: inline-block; }
        .js #fw-fatfooter h4 .submenu-container .menu-button span {
          -moz-transform: rotate(45deg) translate(-2px, 1px) scale(0.8, 0.8);
          -ms-transform: rotate(45deg) translate(-2px, 1px) scale(0.8, 0.8);
          -webkit-transform: rotate(45deg) translate(-2px, 1px) scale(0.8, 0.8);
          transform: rotate(45deg) translate(-2px, 1px) scale(0.8, 0.8);
          display: block;
          content: "";
          width: 0;
          height: 0;
          top: 2px;
          border-style: solid;
          padding: 3px;
          border-color: #2970a6;
          border-width: 1px 1px 0 0;
          display: inline-block;
          z-index: 0;
          transform-style: flat; }
      .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu {
        width: 262px;
        background-color: #fbfbfb;
        padding: 30px 10px 20px 18px;
        border: 1px solid #ccc;
        display: none;
        position: absolute;
        z-index: 10;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        border-radius: 5px;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
        .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu ul {
          float: left;
          width: 131px;
          padding: 0 5px 0 0;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu ul li {
            margin: 0 0 8px;
            font-size: 11px;
            font-size: 1.1rem;
            line-height: 1.2em; }
            .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu ul li a {
              color: #007fc5; }
        .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button {
          position: absolute;
          top: 0;
          right: 0;
          padding: 10px 10px 5px; }
          .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button.hidden {
            display: none; }
          .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button span {
            -moz-transform: rotate(45deg)  ;
            -ms-transform: rotate(45deg)  ;
            -webkit-transform: rotate(45deg)  ;
            transform: rotate(45deg)  ;
            display: block;
            content: "";
            width: 0;
            height: 0;
            top: 2px;
            border-style: solid;
            padding: 4px;
            border-color: #bbbbbb;
            border-width: 1px 1px 0 0;
            display: inline-block;
            z-index: 1; }
          .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button span + span {
            -moz-transform: rotate(45deg) translate(2px, -2px);
            -ms-transform: rotate(45deg) translate(2px, -2px);
            -webkit-transform: rotate(45deg) translate(2px, -2px);
            transform: rotate(45deg) translate(2px, -2px);
            display: block;
            content: "";
            width: 0;
            height: 0;
            top: 2px;
            border-style: solid;
            padding: 4px;
            border-color: #bbbbbb;
            border-width: 0 0 1px 1px;
            display: inline-block; }
          .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button:hover span {
            border-color: #666666; }
      .js #fw-fatfooter h4 .submenu-container.showed .menu-button, .js #fw-fatfooter h4 .submenu-container.opened .menu-button {
        z-index: 20; }
        .js #fw-fatfooter h4 .submenu-container.showed .menu-button span, .js #fw-fatfooter h4 .submenu-container.opened .menu-button span {
          z-index: 20; }
      .js #fw-fatfooter h4 .submenu-container.showed .fatfooter-submenu, .js #fw-fatfooter h4 .submenu-container.opened .fatfooter-submenu {
        display: block; }

  .lt-ie8.js #fw-fatfooter h4 .submenu-container .menu-button span {
    left: -2px; }

  .no-js .fatfooter-submenu {
    display: block; }
    .no-js .fatfooter-submenu ul li a {
      color: #525252; }
    .no-js .fatfooter-submenu .close-button {
      display: none; } }
@media only screen and (min-width: 64em) {
  /** framework xlarge **/
  .no-touch #fw-masthead #fw-banner {
    max-width: 1024px;
    margin: 0 auto; }

  #fw-footer {
    max-width: 1044px; } }
@viewport {
  width: device-width; }
.nowrap {
  white-space: nowrap; }

.nobr {
  white-space: nowrap; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.flowfix {
  overflow: auto; }


/*
 * _cookie_informer.css
 * $Revision: 1.2 $
 *
 * cookie informer banner styling and positioning
 *
 * (c) 1992-2016 Cisco Systems, Inc. All rights reserved. 
 * Terms and Conditions: http://www.cisco.com/web/siteassets/legal/terms_condition.html
 */


.cookie_informer {
   position: relative;
   border-top: 1px solid #999;
   background-color: rgba(254, 253, 212, 0.95);
   margin: 0 -10px 10px 0; /* neg margin added to align banner with spotlights. unclear why #fw-banner has right margin */
   padding: 15px 7px 10px;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
   zoom: 1;
}
.cookie_informer .jar:after,
.cookie_informer:after {
   content:'';
   display:block;
   width:0;
   height:0;
   clear:both;
}
#fw-banner .cookie_informer {
   margin: 0 0 10px 10px; /* neg right-margin removed to align banner with non-spotlights. */
   width: 927px;
}
.cookie_icon {
   position: relative;
   float: left;
   background: url(../../../fw/i/info-icon.svg) 0px 2px no-repeat;
   background-size: 22px;
   margin: 0;
   width: 40px;
   height: 40px;
   zoom: 1;
}
.cookie_message {
   position: relative;
   float: left;
   width: 88%;
   padding: 0 0 3px 0;
   color: #58585b;
   line-height: 19px;
   font-size: 14px;
   font-family: CiscoSans, sans-serif;
   font-weight: 300;
}
#cookie_message a:link,
#cookie_message a:visited,
#cookie_message a:active {
   white-space: nowrap;
   color: #2970a6;
}
#cookie_informer {
   margin: 0 auto;
   border-top: 0;
   border-radius: 0;
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   z-index: 1000; /* QC #1147 */
}
#cookie_informer .jar {
   max-width: 960px;
   margin: 0 auto;
   padding: 0 10px;
}
   #fw-banner #cookie_informer .jar {
      margin: 0 10px;
      padding: 0;
   }
   .fw-res #cookie_informer .jar {
      max-width: 1014px;
   }
#cookie_message a:hover {
   text-decoration: underline;
}
#cookie_informer.hidden {
   display: none;
}
.cookie_set {
   position: relative;
   float: right;
   margin: 0 20px 0 0;
   width: 40px;
   height: 40px;
   text-align: right;
}
   #fw-banner .cookie_set {
      margin-right: 0;
   }
.cookie_set a {
   position: relative;
   float: right;
   background: url(../../../fw/i/exit-icon.svg) 0px 0px no-repeat;
   background-size: 12px;
   width: 12px;
   height: 12px;
   font-size:0;
   zoom: 1;
}
   #ie7 .cookie_set a {
      color: transparent !important;
   }


/* print/print.scss:  */
body.cdc-eot #fw-copyright, body.cdc-books #fw-copyright {
  display: none; }

.lt-ie9 .cdc-eot span {
  height: 19px; }
  .lt-ie9 .cdc-eot span .printlogoie8 {
    display: none;
    width: 150%;
    position: absolute;
    top: -18px;
    left: -20px; }
.lt-ie9 .cdc-eot #fw-pagetitle {
  margin-left: -8px; }

@media print {
  body.cdc-eot, body.cdc-books {
    /* Varsha: removing below styles and adding it to docHeaderComponent in _docHeader.scss file
    .docHeaderComponent{ /*print styling should be part of the eot component
      border-top:none;
      padding-bottom:15px;
      margin: 0 15px 0 0;
    } */ }
    body.cdc-eot .container.grid .row, body.cdc-books .container.grid .row {
      display: block;
      margin: 0 0 0 -10px;
      padding: 0; }
      body.cdc-eot .container.grid .row > .col, body.cdc-books .container.grid .row > .col {
        display: block; }
    body.cdc-eot #fw-masthead, body.cdc-books #fw-masthead {
      background: none; }
      body.cdc-eot #fw-masthead #fw-banner #fw-logo, body.cdc-books #fw-masthead #fw-banner #fw-logo {
        height: 65px; }
        body.cdc-eot #fw-masthead #fw-banner #fw-logo div:before, body.cdc-books #fw-masthead #fw-banner #fw-logo div:before {
          margin: -650px 0 -25px -35px; }
      body.cdc-eot #fw-masthead #fw-banner #fw-utility,
      body.cdc-eot #fw-masthead #fw-banner #fw-treenavbutton,
      body.cdc-eot #fw-masthead #fw-banner #fw-areanav,
      body.cdc-eot #fw-masthead #fw-banner .search-entitlement,
      body.cdc-eot #fw-masthead #fw-banner #fw-search,
      body.cdc-eot #fw-masthead #fw-banner #fw-searchbutton, body.cdc-books #fw-masthead #fw-banner #fw-utility,
      body.cdc-books #fw-masthead #fw-banner #fw-treenavbutton,
      body.cdc-books #fw-masthead #fw-banner #fw-areanav,
      body.cdc-books #fw-masthead #fw-banner .search-entitlement,
      body.cdc-books #fw-masthead #fw-banner #fw-search,
      body.cdc-books #fw-masthead #fw-banner #fw-searchbutton {
        display: none; }
    body.cdc-eot #fw-pagetitle, body.cdc-books #fw-pagetitle {
      margin: 20px 0px;
      display: block; }
    body.cdc-eot #fw-breadcrumb,
    body.cdc-eot #fw-backtolink,
    body.cdc-eot #fw-fatfooter,
    body.cdc-eot #fw-footer, body.cdc-books #fw-breadcrumb,
    body.cdc-books #fw-backtolink,
    body.cdc-books #fw-fatfooter,
    body.cdc-books #fw-footer {
      display: none; }
    body.cdc-eot #fw-copyright, body.cdc-books #fw-copyright {
      display: block;
      margin-top: 60px; }
    body.cdc-eot #fw-content .row > .col, body.cdc-books #fw-content .row > .col {
      display: block; }
    body.cdc-eot #fw-content .twothirds-third .third, body.cdc-books #fw-content .twothirds-third .third {
      display: none; }

  body.cdc-books #fw-pagetitle {
    margin: 20px 0 0; }

  .lt-ie9 .cdc-eot #fw-logo div {
    display: none; }
  .lt-ie9 .cdc-eot #fw-logo span .printlogoie8 {
    display: block; }
  .lt-ie9 .cdc-eot #fw-pagetitle {
    margin: 20px 0px 20px 11px; }
  .lt-ie9 .cdc-eot #eot-doc-wrapper {
    margin-left: 20px; }
  .lt-ie9 .cdc-eot #fw-copyright {
    margin-left: 15px; }

  .noprint, .noprint * {
    display: none !important; } }

/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.4 $
 * grid.scss: Parts of the Foundation 2.2 grid system 
 *
 */
.container {
  position: relative;
  padding: 0;
  min-width: 0;
  margin: 0 auto;
  box-sizing: border-box; }

.column {
  float: none;
  min-height: 1px;
  position: relative;
  margin-left: 0;
  margin-right: 0; }

.column:first-child {
  margin-left: 0; }

.column:last-child {
  margin-right: 0;
  float: none; }

[class*="column"] + [class*="column"]:last-child {
  float: none; }

[class*="column"]:before,
[class*="column"]:after {
  display: table; }

[class*="column"]:after {
  clear: both; }

.container:before,
.col:before, .col:after,
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.container:after,
.col:after,
.clearfix:after {
  clear: both; }

.container:after,
.col,
.clearfix {
  zoom: 1; }

.container .row {
  width: 100%; }

.container.grid {
  margin: 0 auto; }
  .container.grid .col, .container.grid .row {
    padding: 0;
    margin: 0;
    border: 0px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important; }
  .container.grid .row {
    width: auto;
    background-color: #FFFFFF; }
    .container.grid .row.fw-bg-dark {
      background-color: #000; }
    .container.grid .row.fw-bg-medium {
      background-color: #f5f5f5; }
    .container.grid .row.fw-bg-light {
      background-color: #fff; }
    .container.grid .row .row {
      background-color: transparent; }
      .container.grid .row .row.fw-bg-dark {
        background-color: #000; }
      .container.grid .row .row.fw-bg-medium {
        background-color: #f5f5f5; }
      .container.grid .row .row.fw-bg-light {
        background-color: #fff; }
  .container.grid .col {
    display: inline-block;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    margin: 0; }
    .container.grid .col.full {
      -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      width: 100%; }
    .lt-ie10 .container.grid .col {
      margin-right: -4px;
      vertical-align: top; }
  .container.grid .row > .col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -moz-box-pack: justify;
    -moz-box-align: center; }

.container.grid .row.limited-blowout {
  max-width: 1440px;
  margin: auto;
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1), 0 -9px 0px 0px white, 2px 0 10px -4px rgba(0, 0, 0, 0.1), -2px 0 10px -4px rgba(0, 0, 0, 0.1); }
  .container.grid .row.limited-blowout.no-padding {
    padding: 0; }
.container.grid .row.blowout {
  max-width: 100%;
  margin: 0; }
  .container.grid .row.blowout.no-padding {
    padding: 0; }

/* Media Queries
---------------------------------------- */
@media only screen and (min-width: 37.5em) {
  /** grid small **/
  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  .column {
    float: left; }

  .container.grid .row {
    padding-left: 10px;
    padding-right: 10px;
    /* .fw-res added for specificity */ }
    .container.grid .row.narrow-wide, .container.grid .row.wide-narrow, .container.grid .row.third-twothirds, .container.grid .row.twothirds-third, .container.grid .row.halves, .container.grid .row.full, .container.grid .row.threequarters-quarter, .container.grid .row.wide-narrow-v2, .container.grid .row.narrow-wide-v2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    #fw-content.container.grid .row.flip {
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      #fw-content.container.grid .row.flip .narrow,
      #fw-content.container.grid .row.flip .wide,
      #fw-content.container.grid .row.flip .half,
      #fw-content.container.grid .row.flip .third,
      #fw-content.container.grid .row.flip .two-third {
        margin-left: 0;
        margin-right: 2%; }
      #fw-content.container.grid .row.flip .half .half {
        margin-right: 4.08163%; }
        #fw-content.container.grid .row.flip .half .half:last-child {
          margin-right: 0; }
        .lt-ie10 #fw-content.container.grid .row.flip .half .half {
          margin-left: 4.08163%;
          margin-right: -4px; }
          .lt-ie10 #fw-content.container.grid .row.flip .half .half:first-child {
            margin-left: 0; }
      #fw-content.container.grid .row.flip .half .flip .half {
        margin-right: 4.08163%;
        margin-left: 0; }
        #fw-content.container.grid .row.flip .half .flip .half:first-child {
          margin-right: 0; }
        .lt-ie10 #fw-content.container.grid .row.flip .half .flip .half {
          margin-left: -4px;
          margin-right: 4.08163%; }
          .lt-ie10 #fw-content.container.grid .row.flip .half .flip .half:first-child {
            margin-right: 0; }
      #fw-content.container.grid .row.flip .two-third .half, #fw-content.container.grid .row.flip .third .half {
        margin-right: 3.0303%; }
        #fw-content.container.grid .row.flip .two-third .half:last-child, #fw-content.container.grid .row.flip .third .half:last-child {
          margin-right: 0; }
        .lt-ie10 #fw-content.container.grid .row.flip .two-third .half, .lt-ie10 #fw-content.container.grid .row.flip .third .half {
          margin-left: 3.0303%;
          margin-right: -4px; }
          .lt-ie10 #fw-content.container.grid .row.flip .two-third .half:first-child, .lt-ie10 #fw-content.container.grid .row.flip .third .half:first-child {
            margin-left: 0; }
      #fw-content.container.grid .row.flip .two-third .flip .half, #fw-content.container.grid .row.flip .third .flip .half {
        margin-right: 3.0303%;
        margin-left: 0; }
        #fw-content.container.grid .row.flip .two-third .flip .half:first-child, #fw-content.container.grid .row.flip .third .flip .half:first-child {
          margin-right: 0; }
        .lt-ie10 #fw-content.container.grid .row.flip .two-third .flip .half, .lt-ie10 #fw-content.container.grid .row.flip .third .flip .half {
          margin-left: -4px;
          margin-right: 3.0303%; }
          .lt-ie10 #fw-content.container.grid .row.flip .two-third .flip .half:first-child, .lt-ie10 #fw-content.container.grid .row.flip .third .flip .half:first-child {
            margin-right: 0; }
      .lt-ie10 #fw-content.container.grid .row.flip {
        direction: rtl; }
        .lt-ie10 #fw-content.container.grid .row.flip .col {
          direction: ltr;
          margin-left: -4px; }
    .container.grid .row .row {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin: 0 auto; }
    .container.grid .row.twothirds-third .col.third {
      margin-left: 2%; }
    .container.grid .row.third-twothirds .col.third, .container.grid .row.twothirds-third .col.third {
      -webkit-flex: 1 0 32%;
      -ms-flex: 1 0 32%;
      flex: 1 0 32%;
      width: 32%; }
  .container.grid .col.narrow, .container.grid .col.wide, .container.grid .col.two-third, .container.grid .col.half {
    margin-left: 2%; }
  .container.grid .col:first-child, .container.grid .col.half.medium {
    margin-left: 0; }
  .container.grid .col.narrow {
    -webkit-flex: 1 0 32%;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%;
    width: 32%; }
  .container.grid .col.two-third, .container.grid .col.wide {
    -webkit-flex: 1 0 66%;
    -ms-flex: 1 0 66%;
    flex: 1 0 66%;
    width: 66%; }
  .container.grid .col.half {
    -webkit-flex: 1 0 49%;
    -ms-flex: 1 0 49%;
    flex: 1 0 49%;
    width: 49%; }
    .container.grid .col.half.medium {
      -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      width: 100%; }
    .container.grid .col.half .col.half {
      -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      width: 100%;
      margin-left: 0; }
  .container.grid .col.two-third .col.half {
    -webkit-flex: 1 0 31.48485%;
    -ms-flex: 1 0 31.48485%;
    flex: 1 0 31.48485%;
    width: 31.48485%;
    margin-left: 3.0303%; }
    .container.grid .col.two-third .col.half:first-child {
      margin-left: 0; }
  .lt-ie10 .container.grid .col.two-third .col.half {
    -webkit-flex: 1 0 48.5%;
    -ms-flex: 1 0 48.5%;
    flex: 1 0 48.5%;
    width: 48.5%;
    margin-left: 3%; }
    .lt-ie10 .container.grid .col.two-third .col.half:first-child {
      margin-left: 0; } }
@media only screen and (min-width: 48em) {
  /** grid medium **/
  .container.grid .row {
    /* .fw-res added for specificity */ }
    .container.grid .row.thirds, .container.grid .row.quarters, .container.grid .row.quarter-half-quarter, .container.grid .rowwide-narrow-v2, .container.grid .row.narrow-wide-v2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    #fw-content.container.grid .row.flip .third,
    #fw-content.container.grid .row.flip .quarter,
    #fw-content.container.grid .row.flip .three-quarter,
    #fw-content.container.grid .row.flip .half.medium,
    #fw-content.container.grid .row.flip .narrow-v2, #fw-content.container.grid .row.flip .wide-v2 {
      margin-left: 0;
      margin-right: 2%; }
    #fw-content.container.grid .row.flip .three-quarter .third .third {
      margin-right: 2.68456%; }
      #fw-content.container.grid .row.flip .three-quarter .third .third:last-child {
        margin-right: 0; }
      .lt-ie10 #fw-content.container.grid .row.flip .three-quarter .third .third {
        margin-left: 2.68456%;
        margin-right: -4px; }
        .lt-ie10 #fw-content.container.grid .row.flip .three-quarter .third .third:first-child {
          margin-left: 0; }
    #fw-content.container.grid .row.flip .three-quarter .third .flip .third {
      margin-right: 2.68456%;
      margin-left: 0; }
      #fw-content.container.grid .row.flip .three-quarter .third .flip .third:first-child {
        margin-right: 0; }
      .lt-ie10 #fw-content.container.grid .row.flip .three-quarter .third .flip .third {
        margin-left: -4px;
        margin-right: 2.68456%; }
        .lt-ie10 #fw-content.container.grid .row.flip .three-quarter .third .flip .third:first-child {
          margin-right: 0; }
    #fw-content.container.grid .row.flip .col:first-child {
      margin-right: 0; }
  .container.grid .col.third, .container.grid .col.quarter, .container.grid .col.three-quarter, .container.grid .col.half.medium, .container.grid .col.narrow-v2, .container.grid .col.wide-v2 {
    margin-left: 2%; }
  .container.grid .col:first-child {
    margin-left: 0; }
  .container.grid .col.third {
    -webkit-flex: 1 0 32%;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%;
    width: 32%; }
  .container.grid .col.quarter {
    -webkit-flex: 1 0 23.5%;
    -ms-flex: 1 0 23.5%;
    flex: 1 0 23.5%;
    width: 23.5%; }
  .container.grid .col.half.medium {
    -webkit-flex: 1 0 49%;
    -ms-flex: 1 0 49%;
    flex: 1 0 49%;
    width: 49%; }
  .container.grid .col.narrow-v2 {
    -webkit-flex: 1 0 32%;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%;
    width: 32%; }
  .container.grid .col.wide-v2 {
    -webkit-flex: 1 0 66%;
    -ms-flex: 1 0 66%;
    flex: 1 0 66%;
    width: 66%; }
  .container.grid .col.three-quarter {
    -webkit-flex: 1 0 74.5%;
    -ms-flex: 1 0 74.5%;
    flex: 1 0 74.5%;
    width: 74.5%; }
    .container.grid .col.three-quarter .col.third {
      -webkit-flex: 1 0 23.04362%;
      -ms-flex: 1 0 23.04362%;
      flex: 1 0 23.04362%;
      width: 23.04362%;
      margin-left: 2.68456%; }
      .container.grid .col.three-quarter .col.third:first-child {
        margin-left: 0; }
  .container.grid .col.half .col.half {
    -webkit-flex: 1 0 22.45918%;
    -ms-flex: 1 0 22.45918%;
    flex: 1 0 22.45918%;
    width: 22.45918%;
    margin-left: 4.08163%; }
    .container.grid .col.half .col.half:first-child {
      margin-left: 0; }
  .lt-ie10 .container.grid .col.half .col.half {
    -webkit-flex: 1 0 48%;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%;
    width: 48%;
    margin-left: 4%; }
    .lt-ie10 .container.grid .col.half .col.half:first-child {
      margin-left: 0; }
  .lt-ie10 .container.grid .col.three-quarter .col.third {
    -webkit-flex: 1 0 31.5%;
    -ms-flex: 1 0 31.5%;
    flex: 1 0 31.5%;
    width: 31.5%;
    margin-left: 2.75%; }
    .lt-ie10 .container.grid .col.three-quarter .col.third:first-child {
      margin-left: 0; } }
@media only screen and (min-width: 60em) {
  /** grid large **/
  .container.grid .row {
    margin: auto;
    max-width: 1044px; }
  .container.grid .col.narrow, .container.grid .col.narrow-v2 {
    -webkit-flex: 1 0 23.5%;
    -ms-flex: 1 0 23.5%;
    flex: 1 0 23.5%;
    width: 23.5%; }
  .container.grid .col.wide, .container.grid .col.wide-v2 {
    -webkit-flex: 1 0 74.5%;
    -ms-flex: 1 0 74.5%;
    flex: 1 0 74.5%;
    width: 74.5%; } }
@media only screen and (min-width: 64em) {
  /** grid xlarge **/
  .container {
    margin: 0 auto;
    zoom: 1; } }

/**
 * Copyright (C) 2013 Cisco
 * $Revision: 1.2 $
 * This is the compiled output for Responsive Login page.
 * login.scss
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.3 $
 * login_style.scss: Styles specific to the login page
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.3 $
 * _login_form.scss: Login Form
 *
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.3 $
 * _register.scss: Login registration
 *
 */
/* components/_errors.scss: $Revision: 1.6.2.1 $ */
/** login/login base **/
.js body.cdc-login {
  display: none;
  background-color: #fff; }
  .js body.cdc-login.cdc-login.fw-oaam {
    display: block; }
  .js body.cdc-login.cdc-login.show {
    display: block; }

#login h3 {
  display: none; }

input.default-command-button {
  clear: left; }

#login p.forget {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem; }

#login .checkboxes label {
  display: block;
  position: relative;
  float: left;
  margin: 20px 0;
  padding-left: 25px;
  width: 90%; }

#login .checkboxes input {
  position: absolute;
  left: 0; }

#fw-title-nav, #fw-title-nav p {
  display: block;
  margin-bottom: 9px; }

.fw-oaam #fw-content #flash {
  visibility: hidden; }

.cdc-login .container .row, .cec-login .container .row {
  padding: 0 10px; }
.cdc-login .container .pagetitle, .cec-login .container .pagetitle {
  padding: 14px 0 20px 0;
  display: block; }
.cdc-login .container .button-cta, .cec-login .container .button-cta {
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 11px;
  padding-bottom: 9px; }
.cdc-login .container .spinner-frame, .cec-login .container .spinner-frame {
  position: absolute !important;
  z-index: 10;
  left: 37%;
  top: 25%;
  width: 90px;
  height: 90px;
  background-color: #000;
  border-radius: 4px;
  border: 0px solid transparent;
  padding: 0;
  opacity: .35;
  -moz-opacity: .35;
  filter: alpha(opacity=35); }
  .cdc-login .container .spinner-frame .spinner, .cec-login .container .spinner-frame .spinner {
    top: 48% !important;
    left: 50% !important; }
.cdc-login iframe, .cec-login iframe {
  width: 0;
  height: 0; }

.cdc-login #fw-utility {
  display: none; }
.cdc-login #fw-language-select {
  margin-top: 0;
  padding-bottom: 10px; }

body.cec-login {
  background-color: #fff; }

.cec-login .container .pagetitle p {
  padding-top: 20px;
  font-size: 12px;
  font-size: 1.2rem; }
.cec-login .container .spinner-frame {
  top: 30%;
  left: 35%; }

#warning-msg {
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 20px;
  border: 0;
  background-color: #f5f5f5;
  display: none;
  padding: 15px 10px 10px 10px;
  margin: 20px 0;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  border-radius: 6px;
  background-clip: padding-box; }
  #warning-msg h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 70px;
    line-height: 1.6;
    padding-bottom: 9px; }
  #warning-msg ul {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    list-style-type: disc;
    padding-left: 70px;
    margin-left: 15px; }
    #warning-msg ul li {
      margin-bottom: 9px; }
  #warning-msg:before {
    content: url("../../../fw/i/responsive/errors-warning.gif");
    float: left;
    padding-right: 15px; }
  #warning-msg:before {
    padding: 5px 8px; }
  #warning-msg h3 {
    padding-left: 60px; }
  #warning-msg ul {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 20px 0 60px;
    margin-bottom: 0; }
    #warning-msg ul li {
      font-weight: normal; }

#login-form ul {
  margin-bottom: 4px; }
  #login-form ul li {
    margin-bottom: 12px; }
  #login-form ul input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 33px;
    margin: 0;
    padding: 4px 0;
    font-size: 16px;
    font-size: 1.6rem;
    text-indent: 4px; }
  #login-form ul label {
    display: block;
    padding: 4px 0;
    margin-bottom: 2px;
    line-height: 18px; }

#register h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.25;
  padding-top: 10px;
  border-top: 1px solid #eee;
  margin-bottom: 9px; }
#register p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  margin-bottom: 26px; }
#register span {
  margin: 8px 0 10px 0; }

@media only screen and (min-width: 37.5em) {
  /** login/login small **/
  .cdc-login h1.pagetitle, .cec-login h1.pagetitle {
    font-size: 26px;
    font-size: 2.6rem; }
  .cdc-login .container .button-cta, .cec-login .container .button-cta {
    font-size: 12px;
    font-size: 1.2rem; }

  #login {
    border: 0;
    width: 60%;
    margin-right: 2.5%;
    margin-bottom: 0;
    float: left; }
    #login label {
      font-size: 12px;
      font-size: 1.2rem;
      clear: left; }
    #login h3 {
      display: block;
      line-height: 1.6;
      margin-bottom: 9px; }
    #login p.forget {
      margin-top: 20px;
      margin-bottom: 0px;
      font-size: 11px;
      font-size: 1.1rem; }

  .box-padded {
    margin-bottom: 25px;
    padding: 15px 14px;
    min-height: 231px;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    border-radius: 6px;
    background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF; }

  #login-button {
    margin-top: 10px;
    width: auto;
    padding: 5px 13px; }

  .cdc-login .container #fw-language-select span {
    display: inline; }
  .cdc-login .container #fw-content-hr {
    display: none; }
  .cdc-login .container .spinner-frame {
    top: 43%;
    left: 25%; }

  .cec-login .container .spinner-frame {
    top: 38%;
    left: 30%; }

  #login-form {
    width: 80%; }
    #login-form ul li {
      display: block;
      margin-bottom: 4px; }
    #login-form ul input {
      float: left;
      padding: 2px 0; }

  #register {
    width: 36%;
    position: relative;
    float: right; }
    #register h3 {
      padding-top: 0;
      border-top: 0;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold; }
    #register span {
      width: auto;
      margin-bottom: 8px;
      padding: 5px 13px; } }
@media only screen and (min-width: 48em) {
  /** login/login medium **/
  .cdc-login #fw-footer, .cec-login #fw-footer {
    padding: 22px 0 15px; } }
@media only screen and (min-width: 60em) {
  /** login/login large **/
  .cdc-login .container {
    padding-right: 0; } }
@media only screen and (min-width: 64em) {
  /** login/login xlarge **/
  .cec-login .container {
    padding: 0; } }

