/* JabberC videochat style sheet */

@font-face {
  font-family: 'CiscoSansBold';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansbold-webfont.eot');
  src: url('../fontface/ciscosansbold-webfont.eot?#iefix') format('embedded-opentype'), /* Ie6-Ie8 */
   url('../fontface/ciscosansbold-webfont.woff') format('woff'), /* Modern Browser */
   url('../fontface/ciscosansbold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../fontface/iscosansbold-webfont.svg#CiscoSansBold') format('svg');
}

@font-face {
  font-family: 'CiscoSansHeavy';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansheavy-webfont.eot');
  src: url('../fontface/ciscosansheavy-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansheavy-webfont.woff') format('woff'), url('../fontface/ciscosansheavy-webfont.ttf') format('truetype'), url('../fontface/ciscosansheavy-webfont.svg#CiscoSansHeavy') format('svg');
}

@font-face {
  font-family: 'CiscoSansExtraLightOblique';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansextralightoblique-webfont.eot');
  src: url('../fontface/ciscosansextralightoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansextralightoblique-webfont.woff') format('woff'), url('../fontface/ciscosansextralightoblique-webfont.ttf') format('truetype'), url('../fontface/ciscosansextralightoblique-webfont.svg#CiscoSansExtraLightOblique') format('svg');
}

@font-face {
  font-family: 'CiscoSansBoldOblique';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansboldoblique-webfont.eot');
  src: url('../fontface/ciscosansboldoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansboldoblique-webfont.woff') format('woff'), url('../fontface/ciscosansboldoblique-webfont.ttf') format('truetype'), url('../fontface/ciscosansboldoblique-webfont.svg#CiscoSansBoldOblique') format('svg');
}

@font-face {
  font-family: 'CiscoSansExtraLight';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansextralight-webfont.eot');
  src: url('../fontface/ciscosansextralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansextralight-webfont.woff') format('woff'), url('../fontface/ciscosansextralight-webfont.ttf') format('truetype'), url('../fontface/ciscosansextralight-webfont.svg#CiscoSansExtraLight') format('svg');
}

@font-face {
  font-family: 'CiscoSansThinOblique';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansthinoblique-webfont.eot');
  src: url('../fontface/ciscosansthinoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansthinoblique-webfont.woff') format('woff'), url('../fontface/ciscosansthinoblique-webfont.ttf') format('truetype'), url('../fontface/ciscosansthinoblique-webfont.svg#CiscoSansThinOblique') format('svg');
}

@font-face {
  font-family: 'CiscoSansThin';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansthin-webfont.eot');
  src: url('../fontface/ciscosansthin-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansthin-webfont.woff') format('woff'), url('../fontface/ciscosansthin-webfont.ttf') format('truetype'), url('../fontface/ciscosansthin-webfont.svg#CiscoSansThin') format('svg');
}

@font-face {
  font-family: 'CiscoSansHeavyOblique';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansheavyoblique-webfont.eot');
  src: url('../fontface/ciscosansheavyoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansheavyoblique-webfont.woff') format('woff'), url('../fontface/ciscosansheavyoblique-webfont.ttf') format('truetype'), url('../fontface/ciscosansheavyoblique-webfont.svg#CiscoSansHeavyOblique') format('svg');
}

@font-face {
  font-family: 'CiscoSansRegular';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansregular-webfont.eot');
  src: url('../fontface/ciscosansregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansregular-webfont.woff') format('woff'), url('../fontface/ciscosansregular-webfont.ttf') format('truetype'), url('../fontface/ciscosansregular-webfont.svg#CiscoSansRegular') format('svg');
}

@font-face {
  font-family: 'CiscoSansRegularOblique';
  font-style: normal;
  font-weight: normal;
  src: url('../fontface/ciscosansregularoblique-webfont.eot');
  src: url('../fontface/ciscosansregularoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ciscosansregularoblique-webfont.woff') format('woff'), url('../fontface/ciscosansregularoblique-webfont.ttf') format('truetype'), url('../fontface/ciscosansregularoblique-webfont.svg#CiscoSansOblique') format('svg');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .jc.mobile .content .msg.done .btn {
    border-width: 2px;
  }
}

.jc.mobile p {
  margin-top: 1.8em;
}

.jc.mobile h2 {
  font-size: 2.7em;
}

.jc.mobile .content .body {
  margin-top: -1em;
}

.jc.mobile .content .section {
  margin-top: 2.3em;
}

.jc.mobile .content .h-center {
  position: relative;
  width: 300px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.jc.mobile .content .h-center.spinner {
  height: auto;
}

.jc.mobile .content .v-center {
  position: absolute;
  top: 50%;
  height: 200px;
  margin-top: -100px;
}

.jc.mobile .content .hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.jc.mobile .content .msg.loading p {
  margin: 0 0 3em;
  text-align: center;
}

.jc.mobile .content .msg.done p {
  margin: 0 0 2em;
}

.jc.mobile .content .msg.done .btn {
  width: 90%;
  max-width: 245px;
  padding-top: 8px;
  padding-bottom: 6px;
  margin-top: 4em;
  font-size: 0.9em;
  color: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d3d3d3));
  background: -webkit-linear-gradient(top, #f6f6f6, #d3d3d3);
  background: -moz-linear-gradient(top, #f6f6f6, #d3d3d3);
  background: -ms-linear-gradient(top, #f6f6f6, #d3d3d3);
  background: -o-linear-gradient(top, #f6f6f6, #d3d3d3);
  background-color: #f5f5f5;
  border: 1px solid #a5a5a5;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d3d3d3, GradientType=0);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d3d3d3, GradientType=0);
}

.jc.mobile .content .msg.done .btn:hover,
.jc.mobile .content .msg.done .btn:focus {
  background: #e6e6e6;
}

.jc.mobile .content .msg p {
  font-size: 1.2em;
}

.jc.mobile .footer {
  position: static;
  margin-top: 4em;
  font-size: 1.5em;
  background-color: transparent;
}

.jc.mobile .footer .span10.offset1 {
  padding-top: 0.5em;
}

body.jc {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

body.jc.sbar {
  overflow: auto;
}

.jc {
  margin: 0;
  font-family: "CiscoSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Blue banner across the top of the page */

  /* Hyperlinks at bottom of the page for things like copyrights, trademarks, etc */

}

.jc .title-banner {
  height: 50px;
  font-family: "CiscoSansThin";
  font-size: 1.8em;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#00aee9), to(#0085da));
  background: -webkit-linear-gradient(top, #00aee9, #0085da);
  background: -moz-linear-gradient(top, #00aee9, #0085da);
  background: -ms-linear-gradient(top, #00aee9, #0085da);
  background: -o-linear-gradient(top, #00aee9, #0085da);
  background-color: #00aee9;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00aee9, endColorstr=#0085da, GradientType=0);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00aee9, endColorstr=#0085da, GradientType=0);
}

.jc .title-banner .logo-and-title {
  height: 48px;
}

.jc .title-banner [class*="span"] {
  margin-top: 5px;
}

.jc .content {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 10px;
}

.jc .content .header {
  margin-top: 8px;
}

.jc .content .header h2 {
  float: left;
  font-size: 1.5em;
  white-space: nowrap;
}

.jc .content .header .logo {
  float: left;
  height: 30px;
  margin: 14px 8px 0;
}

.jc .content .body {
  height: 100%;
}

.jc .content .body h3 {
  font-weight: normal;
}

.jc .content a {
  word-wrap: break-word;
}

.jc .footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #fff;
}

.jc .footer .span10.offset1 {
  height: 30px;
  font-size: 0.9em;
  line-height: 30px;
  color: #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

.jc .footer a {
  color: #007FCA;
  text-decoration: none;
}

#video-widget {
  min-width: 448px;
  min-height: 322px;
}