﻿html, body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', Sans-Serif;
  font-size: 100%;
  font-weight: 300;
}

img {
  max-width: 100%;
  height: auto;
}

.PageStructureWrapper {
  width: 1200px;
  margin: 0 auto;
}

/* Common */
.StackedComponent {
  margin-bottom: 30px;
}

p {
  font-size: 1.2em;
}

a {
  color: #e6006a;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-weight: normal;
  font-size: 3.75em;
  font-family: 'Roboto';
  color: #e6006a;
  font-weight: 300;
}

h2 {
  font-weight: normal;
  font-size: 3em;
  font-family: 'Roboto';
  color: #e6006a;
  font-size: 1.9em;
  margin-bottom: .25em;
  font-weight: 300;
}

h3 {
  font-weight: normal;
  font-size: 2.25em;
  font-family: 'Roboto';
  color: #e6006a;
  font-weight: 300;
}

h4 {
  font-weight: normal;
  font-size: 1.875em;
  font-family: 'Roboto';
  color: #e6006a;
  font-weight: 300;
}

h5 {
  font-weight: normal;
  font-size: 1.5em;
  font-family: 'Roboto';
  color: #e6006a;
  font-weight: 500;
}

h1 a, h2 a, h3 a {
  text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
  text-decoration: none;
}

.btn {
  background-color: #00aede;
  color: #fff;
  text-align: center;
  display: block;
  padding: .5em;
  text-decoration: none;
}

.Introduction {
  font-family: 'Roboto';
  font-size: 1.1em;
  color: #666666;
  font-weight: 300;
}

.EventDate {
  font-family: 'Roboto';
  font-size: .9em;
  color: #666666;
  font-weight: 300;
}

.Byline {
  font-size: .875em;
  margin: 0 0 .25em 0;
  font-style:italic;
  color: #a6a6a6;
}

.Byline a {
  color: #6f6f6f;
  text-decoration: underline;
}
.Byline a:hover {
  text-decoration: none;
}

.ArticleContent p.caption {
  margin-top: 0;
  color: #666;
  background-color: #f1f1f1;
  padding: 15px 20px;
  margin-top: -1.5em;
  font-size: .9em;
  font-style: italic;
}

.leftimage 
{
  float: left;
  padding: 0 1em 1em 0 !important;
}

.rightimage 
{
  float: right;
  padding: 0 0 1em 1em !important;
}

/* Header area */

header {
  clear: both;
  width: 100%;
}

.HeaderWrapper {
  background-color: #333;
}

.HomeHeaderWrapper {
  background-color: #666;
}

.Initial {
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  /* background: #333 url(/~/media/47A0555F18664CAD80D03434D2011F58.ashx) center no-repeat; */
  background-size: 1280px auto;
  background-color:  #333;
}

.HomeHeaderTextWrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  top: 100px;
}

.HomeHeaderText {
  margin: 0 auto;
  width: 50%;
  text-align: center;
}

.HomeHeaderText h1, .HomeHeaderText h2 {
  color: #fff;
}

.HomeHeaderText h2 {
  font-family: 'Roboto';
  font-weight: 100;
}

.UtilityNavWrapper {
  position: relative;
  margin: 0 auto;
  height:  40px;
  width: 1200px;
}

.UtilityNavInner {
  position: absolute;
  right: 0;
  height:  40px;
  width: 260px;

}

.UtilityNavigation {
  position: relative;
  height: 32px;
  background-color: #333;
  color: #808080;
  font-size: 1em;
  padding-top: 8px;
}

.UtilityNavigation > a {
  position: relative;
  background-color: #333;
  color: #808080;
  font-size: 1.1em;
  text-decoration: none;
  cursor: pointer;
  padding: 0 10px;
}

.UtilityNavigation a:hover {
  text-decoration: underline;
}

.LanguageMenuWrapper {
  position: relative;
  width: 320px;
  left: -60px;
  top: -8px;
  background-color: #333;
  z-index: 200;
  display: none;
  padding-bottom: 16px;
}

.FooterLanguageMenuWrapper {
  position: relative;
  width: 320px;
  left: 0px;
  top: -18px;
  background-color: #333;
  z-index: 200;
  display: none;
  padding-bottom: 16px;
}

.LanguageMenu {
  width: 288px;
  padding-left: 0;
  position: relative;
  top: 16px;
  left: 16px;
  list-style-type: none;
  
}

.LanguageMenu li {
  margin-bottom: 4px;
  background-color: #474747;
}

.LanguageMenu li a {
  display: block;
  padding: .5em;
  color: #dedede;
  text-decoration: none;
  font-size: 1.1em;
}

.LanguageMenu li a:hover {
  background-color: #606060;
  text-decoration: none;
}

.NavigationWrapper {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 80px;
}

.MobileNavigationWrapper {
  display: none;
}

.HeaderLogo {
  margin-top: 14px;
  float: left;
  width: 260px;
  height: 55px;
}

.HeaderNavigation {
  position: relative;
  float: right;
  width: 920px;
  margin-top: 16px;
}

.HeaderNavigation > .homemenu, .HeaderNavigation > .menu {
  float: right;
  list-style-type: none;
}

.homemenu li, .menu li {
  float: left;
}

.homemenu > li > a, .menu > li > a {
  font-size: 1.4em;
  color: #d7d7d7;
  text-decoration: none;
  padding: .4em .5em;
  font-family: 'Roboto';
  font-weight: 300;
  position: relative;
}

.HeaderNavigation > .homemenu > li > a:hover, .HeaderNavigation > .homemenu > li.sfHover a  {
  background-color: #333;
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.5 opacity */
  background-color: rgba(0, 0, 0, 0.5);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
}

.HeaderNavigation > .menu > li > a:hover, .HeaderNavigation > .menu > li.sfHover a  {
  background-color: #525252;
}


.menu > li.current > a {
  background-color: #e6006a;
  color: #fff;
}

.HeaderNavigation > .homemenu .homemenu, .HeaderNavigation > .menu .menu {
  float: left;
  position: absolute;
  background-color: #333;
  list-style-type: none;
  padding-left: 0;
  padding-top: 16px;
  padding-bottom: 12px;
  margin-top: 9px;
  z-index: 199;
}

.HeaderNavigation > .menu .menu {
  background-color: #525252;
}

.HeaderNavigation > .homemenu .homemenu li, .HeaderNavigation > .menu .menu li {
  clear: both;
  margin-bottom: 4px;
  padding: 0;
  margin-left: 5%;
  width: 90%;
}

.HeaderNavigation > .homemenu .homemenu li a {
  display: block;
  background-color: #474747;
}

.HeaderNavigation > .menu .menu li a {
  display: block;
  background-color: #606060;
}

.HeaderNavigation > .homemenu .homemenu li a:hover {
  text-decoration: none;
  background-color: #606060;
}

.HeaderNavigation > .menu .menu li a:hover {
  text-decoration: none;
  background-color: #999;
  color: #fff;
}

.sf-sub-indicator {
  display: none;
}

.SubNavigationWrapper {
  clear: both;
  background-color: #535353;
  height: 80px;
}

.SubNavigationInnerWrapper {
  margin: 0 auto;
  width: 1200px;
}

.SubNavigation {
  float: left;
  width: 860px;
  position: relative;
  top: 28px;
}

.SubNavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.SubNavigation li {
  float: left;
}

.SubNavigation li > a {
  font-size: 1.4em;
  color: #d7d7d7;
  text-decoration: none;
  padding: .4em .5em;
  font-family: 'Roboto';
  font-weight: 300;
}

.SubNavigation li > a:hover, .SubNavigation li > a:hover.current {
  background-color: #8a8a8a;
}

.SubNavigation li.current > a {
  background-color: #6f6f6f;
}

.SubNavSearch {
  float: left;
  margin-left: 40px;
  width: 300px;
}

/* Search */

.SearchBarWrapper {
  height: 70px;
  background-color: #333;
}

.SearchBar {
  width: 1040px;
  margin: 0 auto;
  height: 50px;
  padding-top: 10px;
  color: #fff;
}

.HomeSearchWrapper {
  position: relative;
}

.SearchWrapper {
  position: relative;
  top: 18px;
}

.SearchWrapper .SearchInput, .HomeSearchWrapper .SearchInput {
  width: 190px;
  height: 37px;
  padding: 4px 0px 4px 40px;
  float: left;
  border: 0;
  color: #999;
  background: #fff;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 1.1em;
  background: #fff url(/~/media/87AB9F426116408882EFEC2E0A5191B9.ashx) 5% 50% no-repeat;
}

.HomeSearchWrapper .SearchInput {
  width: 930px;
  background: #fff url(/~/media/87AB9F426116408882EFEC2E0A5191B9.ashx) 10px 50% no-repeat; 
}

.SearchWrapper .SearchInput::-webkit-input-placeholder, .HomeSearchWrapper .SearchInput::-webkit-input-placeholder {
  color: #999;
  font-family: 'Roboto';
  font-size: 1em;
  font-weight: 300;
  position: relative;
}

.SearchWrapper .SearchInput:-moz-placeholder, .HomeSearchWrapper .SearchInput:-moz-placeholder {
  color: #999;
  font-family: 'Roboto';
  font-size: 1em;
  font-weight: 300;
}

.SearchWrapper .SearchInput:-ms-input-placeholder, .HomeSearchWrapper .SearchInput:-ms-input-placeholder {
  color: #999;
  font-family: 'Roboto';
  font-size: 1em;
  font-weight: 300;
}

.SearchWrapper .SearchButton {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 45px;
  width: 70px;
  color: #fff;
  background: #e6006a;
  font-family: 'Roboto';
  font-weight: normal;
  font-size: 1.3em;
}

.HomeSearchWrapper .SearchButton {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 45px;
  width: 70px;
  color: #fff;
  background: #e6006a;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 1.3em;
}

.SearchWrapper .SearchButton:hover, .HomeSearchWrapper .SearchButton:hover {
  background: #d10060;
}

.SearchWrapper .SearchButton:active, .HomeSearchWrapper .SearchButton:active, .SearchWrapper .SearchButton:focus, .HomeSearchWrapper .SearchButton:focus {
  background: #d10060;
}

.SearchWrapper .SearchButton::-moz-focus-inner,.HomeSearchWrapper .SearchButton::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Footer area */
footer {
  margin-top: 40px;
  float: left;
  width: 100%;
  background-color: #666666;
}

.FooterWrapper {
  width: 1000px;
  margin: 0 auto;
  clear: both;
}

.LogoFooter {
  text-align: left;
  clear:none;
  margin: 0;
}

.LogoFooter img {
  margin-bottom: .5em;
}

.FooterNavigation {
  float: left;
  margin-top: 25px;
  width: 1000px;
  height: 75px;
}

.FooterMenu {
  float: left;
  width: 580px;
  color: #fff;
  font-size: 1.2em;
}

.FooterMenu a {
  color: #fff;
  text-decoration: none;
}

.FooterMenu a:hover {
  color: #999999;
  text-decoration: underline;
}

.FooterSeparator {
  color: #999999;
  padding: 0 4px;
}

.FooterLanguageMenu {
  float: right;
  width: 300px;
  height: 30px;
  font-size: 1.2em;
}

.FooterLanguageMenu a {
  background-color: #474747;
  text-align: center;
  color: #999;
  cursor: pointer;
  display: block;
  padding: .5em 0;
}

.FooterLanguageMenu a:hover {
  background-color: #333;
}

.FooterColumns {
  float: left;
  margin-left: -25px;
  margin-bottom: 40px;
  width: 1050px;
  float: left;
}

.FooterColumns > div {
  float: left;
  width: 300px;
  margin: 0 25px;
  font-size: .9em;
  color: #fff;
}

.FooterColumns p {
  color: #bfbfbf;
  margin-top: 0;
}

.FooterColumns h4 {
  font-size: 1.4em;
  color: #fff;
  margin-top: 0;
  margin-bottom: .25em;
}

.FooterColumns .btn {
  background-color: #525252;
  display: inline;
  padding: .75em 1.5em;
  font-size: 1.2em;
}

.SocialFooter a {
   float:left;
   margin-right:6px;
   margin-top:5px;
}

.SocialFooter a > div {
   width:41px;
   height:40px;
}

.icon_google {
  background: url(/~/media/56DB73543FEC4AC5AE84BAF43F5A771A.ashx) top center no-repeat; 
}

.icon_facebook {
  background: url(/~/media/ECB3ACD0ABCC40098D9F44457E5C1B61.ashx) top center no-repeat;
}

.icon_instagram {
  background: url(/~/media/46E8C961569F47E1AF4CC0E86E32C190.ashx) top center no-repeat;
}

.icon_twitter {
  background: url(/~/media/607E0930814C4C6393A8F245BB365F4D.ashx) top center no-repeat;
}


/* Home page */

.LatestItemsWrapper {
  clear: both;
  width: 1080px;
  margin: 0 auto;
}

.LatestItems {
  float: left;
  margin-bottom: 40px;
}

.LatestItemsWrapper h3 {
  text-align: center;
  color: #333;
  margin: 1.5em 0;
}

.LatestItemWrapper {
  position: relative;
  float: left;
  margin: 0 20px;
  width: 320px;
  background-color: #f1f1f1;
  height: 650px;
}

.ContentCategory {
  float: left;
  width: 220px;
  height: 24px;
  color: #999;
  text-transform: uppercase;
  background-color: #fff;
  font-family:  'Roboto';
  font-weight: 400;
  font-size: .8em;
}

.SeeMoreLink {
  float: right;
  width: 100px;
  height: 24px;
  text-transform: uppercase;
  background-color: #fff;
  text-align: right;
}

.SeeMoreLink a {
  font-family:  'Roboto';
  font-weight: 400;
  font-size: .8em;
}

.LatestItem {
  margin: 0 auto;
  width: 250px;
}

.LatestItem h4 {
  margin: .5em 0;
}

.LatestItem h4 a {
  text-decoration: none;
}

.LatestItem p {
  font-size: 1.1em;
  line-height: 1.3em;
  color: #666666;
}

/* Home widgets */

.SubContentWrapper {
  clear: both;
  width: 1040px;
  margin: 0 auto;
}

.SubContent {

  margin-top: 40px;
  margin-bottom: 80px;
}

.SubContentLeft {
  width: 320px;
  margin-right: 20px;
  float: left;
}

.SubContentRight {
  width: 680px;
  margin-left: 20px;
  float: left;
}

.HomeSupportWrapper {
  background-color: #8adb3e;
  height: 240px;
  background-repeat: no-repeat;
  background-size: 140%;
  background-position: 50% 50%;
}

.HomeSupport {
  padding: 30px;
}

.HomeSupport p {
  color: #fff;
  font-size: 1.8em;
  margin-top: 0;
}

.HomeSupport a {
  color: #fff;
}

.HomeConnectWrapper {
  background-color: #00aade;
  height: 240px;
}

.HomeConnect {
  padding: 30px; 
}

.HomeConnectText {
  width: 400px;
  float: left;
}

.HomeConnectNetworks {
  padding-top: 30px;
  margin-left: 30px;
  width: 180px;
  float: right;
  text-align: center;
}

.HomeConnectNetworks a {
  display: block;
  width: 70px;
  height: 60px;
  float: left;
}

.HomeConnect h4 {
  margin-top: 0;
  margin-bottom: .25em;
  color: #fff; 
}

.HomeConnect p {
  color: #fff; 
}

/* Content Types */

.ContentPage, .FeedPage, .FullWidthPage {
  width: 100%;
  float: left;
  margin-top: 40px;
  clear: both;
}

.ContentPageBody, .FeedPageBody {
  float: left;
  width: 860px;
}

.FullWidthPageBody {
  float: left;
  width: 100%;
}

.ContentPageSidebar,  .FeedPageSidebar {
  float: left;
  margin-left: 40px;
  width: 300px;
}

.AmbassadorLandingWrapper {
  margin:0 auto;
  width: 1080px;
}

.AmbassadorLandingWrapper h3 {
 color: #333;
 text-align: center; 
}

.AmbassadorLandingWrapper > div {
  width: 320px;
  margin: 0 20px;
  float: left;
}

.AmbassadorLandingWrapper > div > .AmbassadorSpotlightWrapper {
  height: 480px;
}

/* Feeds */

.FeedList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.FeedList li {
  margin-bottom: 37px;
  height: 260px;
  clear: both;
  background-color: #f1f1f1;
}

.FeedItemSummaryWrapper {
  position: relative;
  float: left;
  width: 540px;
  height: 100%;
}

.FeedItemSummary {
  width: 480px;
  padding-left: 30px;
}

.FeedItemSummary h3 {
  font-size: 1.5em;
  margin-bottom: 0;
}

.FeedItemImage {
  float: left;
  width: 320px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  height: 260px;
  background-size: 140% auto;
}

FeedItemImage a {
  display: block;
  height: 100px;
  width: 100%;
  background-color: #ccc;
  float: left;
}

.ArticleByline {
  float: left;
  width: 220px;
  padding-bottom: 1em;
}

/* Article Page */

.ArticleContent {
  margin-left: 40px;
  float: left;
  width: 600px;
  position: relative;
}

.ArticleContent h1 {
  font-size: 3em;
  color: #333;
}

.ArticleContent h3 {
  font-size: 1.5em;
  color: #333;
  font-family:  'Roboto';
  font-weight: 400;
}

.ArticleContent p, .ArticleContent li {
  color: #666666;
  font-size: 1.2em;
  line-height: 1.4em;
}

.ArticleImage {
  width: 100%;
  height: auto;
}

.ArticleTags {
  float: left;
  position: relative;
  width: 100%;
  height: 60px;
}

.ArticleFooter {
  float:left;
  margin-top: 40px;
  width: 100%;
}

/* Recovery */
.UpNextWrapper {
  
}

.UpNext {
  margin-bottom: 37px;
  height: 180px;
  clear: both;
  background-color: #f1f1f1;
}

.UpNextSummaryWrapper {
  position: relative;
  float: left;
  width: 330px;
  height: 100%;
}

.UpNextSummary {
  width: 300px;
  padding-left: 30px;
}

.UpNextSummary h3 {
  font-size: 1.2em;
  margin-bottom: 0;
  width: 270px;
}

.UpNextSummary > p.Byline {
  font-size: 1em;
}

.UpNextImage {
  float: left;
  width: 260px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 180px;
  background-size: 120% auto;
}

UpNextImage a {
  display: block;
  height: 100px;
  width: 100%;
  background-color: #ccc;
  float: left;
}

/* Controls */

.SidebarByline {
  text-align: center;
  color: #a6a6a6;
  font-style: italic;
  font-size: .8em;
}

.SidebarByline > img {
  -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 125px;
    height: 125px;
}

.ArticleGuestByline {
  color: #a6a6a6;
  font-style: italic;
}

.SidebarByline a, .ArticleGuestByline a {
  color: #6f6f6f;
  text-decoration: underline;
}

#accordion {
  margin-bottom: 30px;
}

.HeroContentWrapper {
  background-color: #f1f1f1;
  height: 320px;
}

.HeroContentImage {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  height: 100%;
  background-size: 130% auto;
  width: 400px;
  float: left;
  background-color: #000;
}

.FeedImageOverride .HeroContentImage {
  background-size: 100% auto;
}

.FeedImageOverride > div {
  background-size: 100% auto;
}

.HeroContentSummaryWrapper {
  position: relative;
  width: 460px;
  height: 100%;
  float: left;
}

.HeroContentSummary {
  margin-left: 30px;
  width: 410px;
  float: left;
}

.HeroContentSummary .Byline {
  font-family:  'Roboto';
  font-weight: 300;
}

.HeroContentSummary h4 {
  font-size: 1.2em;
  color: #666;
  margin-top: .25em;
  margin-bottom: .5em;
  font-family:  'Roboto';
  font-weight: 400;
}


.HeroBannerWrapper {
  float: left;
  width: 100%;
  background-color: #363636;
}

.HeroBanner {
  margin: 0 auto;
  width: 1200px;
  background-color: #000;
  height: 450px;
}

/* Filter Bar */

.FilterBar {
  clear: both;
  float: left;
  height: 38px;
  margin-top: 80px;
  margin-bottom: 40px;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
}

.FilterBar ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.FilterBar > ul > li {
  padding: 0 .5em;
  cursor: pointer;
  display: block;
  position: relative;
  float: left;
}

.FilterBar ul li {
  z-index: 101;
}

.FilterBar li ul {
  display: none;
}

.FilterBar > ul > li a, .FilterBar > ul > li span, .FilterBarDropdown a {
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  padding: 8px 15px 10px 35px;
  white-space: nowrap;
  text-align: center;
  font-family:  'Roboto';
  font-weight: 300;
  font-size: 1.2em;
}

.FilterBar > ul > li span {
  display: block;
  padding: 10px 0px 0px 0px;
  text-align: left;
}

.FilterBar ul li a:hover {
  
}

.FilterBar > ul > li:hover ul {
  display: block;
  width: 400px;
  position: absolute;
}

.FilterBar > ul > li:hover ul {
  display: block;
  position: absolute;
}

.FilterBar li:hover li {
  float: left;
  font-size: 11px;
}

.FilterBar > ul > li:hover > a {
  border-bottom: 1px solid #f1f1f1;
  background-color: #f1f1f1;
}

.FilterBarDropdown {
  position: absolute;
  width: 100%;
  top: 39px;
  background-color: #f1f1f1;
  display: none;
  z-index: 105
}

.FilterBarDropdown a:hover {
  color: #535353;
}

.FilterBarDropdown ul li {
  float: left;
  padding: 8px 0;
}

.FilterBarDropdown ul li {
  float: left;
  margin: 5px;
}

.FiterBarLinkActive {
  border-bottom: 1px solid #909090;
}

a.FiterBarLinkCurrent {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e6006a;
}

a.DropdownLinkCurrent {
  color: #000;
}


.RecentLink {
    background: #fff url(/~/media/DC8DAD56D3A1430E9BF272F779DFB577.ashx) 10% 50% no-repeat;
}

.InterestLink {
    background: #fff url(/~/media/AB87B7E9ED294E0E865D008DB54929A4.ashx) 10% 50% no-repeat;
}

.TagsLink {
    background: #fff url(/~/media/710AE4B9CF94474180AAC46A0BAB680A.ashx) 10% 50% no-repeat;
}

/* Tags Panel */

.TagsPanel {
  border-top: 1px solid #dfdfdf;
  clear: both;
  padding: 0em;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: url(/~/media/2FAB08063D1B49D4B8A80ACA3CF0973C.ashx) 2% 50% no-repeat; 
}

.ArticleTags > .TagsPanel {
  float: left;
  height: auto;
}

.TagsPanel div {
  height: 30px;
  margin-top: 9px;
  padding-left: 3em;
}

.TagsPanel div a {
  font-size: .8em;
  background-color: #dfdfdf;
  padding: .25em 1em;
  float: left;
  margin-right: 1em;
  color: #b6b6b6;
  text-decoration: none;
  font-family:  'Roboto';
  font-weight: 400;
  text-transform: uppercase;
}

.ArticleTags > .TagsPanel div a {
  margin-bottom: .5em;
}

.TagsPanel div a:hover {
  background-color: #989898;
  color: #fff;
}

.SidebarStoreLink div {
  margin: 0 auto;
  padding: 1em;
  width: 90%;
}

.SidebarStoreLink a {
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  background: #989898 url(/assets/images/store-icon-cart.png) 15px 50% no-repeat;
  width: 270px;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 1.3em;
}

.SidebarStoreLink a:hover {
  background-color: #8a8a8a;
}

.SocialSidebarWrapper {
  background-color: #00aede;
}

.SocialSidebarWrapper > div {
  margin: 0 auto;
  padding: 1em 1em 1.75em 1em;
  width: 80%;
}

.SocialSidebarWrapper p {
  margin-top: 0;
  margin-bottom: .75em;
  color: #fff;
  font-size: 1.4em;
}

.AmbassadorSpotlightWrapper {
  position: relative;
  background-color: #f1f1f1;
}

.AmbassadorSpotlight {
  margin: 0 auto;
  padding: 1em;
  width: 90%;
}

.AmbassadorSpotlight .TagsPanel {
  display: block;
}

.AmbassadorSpotlight h3 {
  font-size: 1.875em;
  margin-top: 0;
  margin-bottom: .25em;
}

.AmbassadorDescription
{
  font-family:  'Roboto';
  font-weight: 400;
  font-size: .75em;
  color: #909090;
  text-transform: uppercase;
}

.AmbassadorIntro {
  margin-bottom: 80px;
  color: #666666;
  font-size: 1.1em;
}

.SidebarAd {
  background-color: #000;
}

.SidebarAd div {
  margin: 0 auto;
  padding: 1em;
  width: 90%;
  color: #fff;
}

.SidebarRelatedContent p {
  color: #a6a6a6;
}

.SidebarRelatedContent div {
  background-color: #f1f1f1;
  padding: 1em;
  margin-bottom: 20px;
}

.SidebarRelatedContent div a {
  text-decoration: none;
  line-height: 1.3em;
}

.SidebarRelatedContent div a:hover {
  text-decoration: underline;
}

.SidebarSubscribeWrapper {
  background-color: #00aede;
}

.SidebarSubscribe {
  padding: 1em;
}

.SidebarSubscribe h4 {
  margin-top: 0;
  margin-bottom: .5em;
  color: #fff;
  background: url(/~/media/6BE0EEE01F9A460EA21BAFB2E0C88E9A.ashx) 90% 50% no-repeat;
}

.SidebarSubscribe p {
  color: #fff;
}

.SidebarSubscribe a {
  display: block;
  background-color: #fff;
  color: #00aede;
  text-align: center;
  padding: 8px 0;
  width: 70%;
}

/* Support */

.EmailContactWrapper {
  clear: both;
  background-color: #f1f1f1;
  float: left;
  padding: 30px;
}

.EmailContactWrapper > h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.5em;
  font-family:  'Roboto';
  font-weight: 400;
}

.EmailContactWrapper .ContactChoice {
  width: 350px;
  float: left;
  margin-right: 20px;
  background-color: #dfdfdf;
  padding: 15px;
}

.ContactChoice h4 {
  color: #333;
  margin-top: 0;
  margin-bottom: .25em;  
}

.ContactChoice a {
  display: block;
  background-color: #e6006a;
  color: #fff;  
  padding: 5px;
  font-size: .8em;
  text-align: center;
}

.ContactChoice li {
  color: #555;
}

.scfIntroBorder {
  color: #666;
  margin-bottom: 1em;
}

section .table-striped {
  background-color: #f1f1f1;
  margin-bottom: 30px;
}

section strong {
  font-weight: normal;
  font-family:  'Roboto';
  font-weight: 500;
}

section .table-striped td, section .table-striped th  {
  text-align: left;
  font-family:  'Roboto';
  font-weight: 300;
}

 section .table-striped th strong  {
  text-align: left;
  font-family:  'Roboto';
  font-weight: 500;
  font-size: 1em;
  font-weight: normal;
}

/* Manuals */

.nav-tabs {
  clear: both;
  height: 48px;
}

.tab-pane td, .tab-pane th {
  font-family:  'Roboto';
  font-weight: 300; 
  text-align: left;
}

.tab-pane td {
  padding: 0 1em; 
}

.tab-pane th {
  width: 60%;
  padding: 0 1em; 
}

/* Faqs */

.FAQList { 
    font-size: 1.2em;
    color: #666666;
    padding-bottom: 2em;
}

.FAQList p { 
    font-size: inherit;
    color: #666666;
}

.FAQList h4 { 
  font-size: 1.5em;
  margin-bottom: .25em;
}

.FAQInput {
  float: left;
  width: 100%;
}

.FAQRefinement {
  margin-top: .5em;
  margin-bottom: .5em;
  float: left;
  width: 100%;
}

.FAQList select { 
  color: #666;
  padding: .5em;
}

.FAQSelect {
  float: left;
  margin-right: .5em;
}

.FAQSelect select {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-left: 0;
  border: 1px solid #999;
}

.search-toolbar > .span3 {
  clear: both;
  width: 100%;
  height: 60px;
}

.search-sr {
  width: 100%; 
}

.search-sr input[type=text] {
   float: left;
   width: 300px;

  height: 35px;
  padding: 4px 0px 4px 40px;
  float: left;
 
  border: 1px solid #999;
  outline: none;
  
  color: #999;
  background: #fff;
  font-family:  'Roboto';
  font-weight: 300;
  font-size: 1.1em;
  background: #fff url(/~/media/87AB9F426116408882EFEC2E0A5191B9.ashx) 5% 50% no-repeat; 
  
}


  

.search-sr input[type=submit] {
  float: left;
  overflow: visible;
  position: relative;

  border: 0;
  padding: 0;
  cursor: pointer;
  height: 45px;
  width: 110px;
  color: #fff;
  background: #e6006a;
  font-family:  'Roboto';
  font-weight: 300;
  font-size: 1.3em;
}

.ProductTutorialsWrapper {
  background-color: #8bbe3f;
  margin-bottom: 30px;
}

.ProductTutorials {
  padding: 30px 30px 1px 30px;
  color: #fff;
}

.ProductTutorials h4 {
  margin-top: 0;
  margin-bottom: .25em;
  color: #fff;
}

.VideoWrapper {
  width: 830px;
}

.PhoneContactWrapper {
  background-color: #f1f1f1;
}

.PhoneContact {
  padding: 30px 30px 1px 30px;
  color: #666;
}

.PhoneContact h4 {
  margin-top: 0;
  margin-bottom: .25em;
  color: #333;
}

.ProductTutorialsList {
  float: left;
  position: relative;
  width: 900px;
  left: -20px;  
}

.ProductTutorialsList > div {
  width: 250px;
  margin: 0 25px;
  float: left;

}

.TutorialSpotlightWrapper {
  position: relative;
  background-color: #f1f1f1;
    height: 400px;
}

.TutorialSpotlight {
  margin: 0 auto;
  padding: 1em;
  width: 90%;
}

.TutorialSpotlight h3 {
  font-size: 1.25em;
  margin-top: 0;
  margin-bottom: .25em;
}

.TutorialDescription
{
  font-family:  'Roboto';
  font-weight: 500;
  font-size: .75em;
  color: #909090;
  text-transform: uppercase;
}

.TutorialIntro {
  margin-bottom: 80px;
  color: #666666;
  font-size: 1.1em;
}

/* DataPager */
.DataPager {
  height: 50px;
  clear: both;
}

.DataPager a {
  padding: .5em .5em;
  margin: .25em 6px;
  color: #a6a6a6;
  text-decoration: none;
  font-size: 1.2em;
}

.DataPager .active {
  padding: .5em .5em;
  margin: .25em 6px;
  color: #909090;
  text-decoration: none;
  font-size: 1.2em;
}

.DataPager a:hover {
  text-decoration: underline;
}

.DataPager .aspNetDisabled {
  color: #ccc;
  cursor: default;
  background-color: #eee;
}

#commentsDiv {
  margin-top: 30px;
}

.SharebarWrapper {
  background-color: #00aade;
  height: 50px;
  padding-top: 1px;
}

#shareBarDiv {
  width: 60%;
  float: right;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: right;
}

.SharebarText {
  width: 20%;
  padding-left: 1em;
  padding-top: .5em;
  font-size: 1.25em;
  float: left;
  color: #fff;
}

/* Overrides */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: #00aede;
	font-weight: normal;
	color: #fff;
	font-family:  'Roboto';
  font-weight: 300;
}

.ui-widget {
	font-family:  'Roboto';
  font-weight: 300;
	font-size: 1em;
}

.ui-widget ul {
	list-style-type: none;
	padding-left: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/* states and images */
.ui-state-default .ui-icon {
	background-image: url(/assets/community/img/ui-icons_FFFFFF_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/assets/community/img/ui-icons_FFFFFF_256x240.png);
}


.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}