/* ==========================================================================
   Resets
   ========================================================================== */

*,
*:after,
*:before {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.container-fluid {
  margin: 0 auto;
  padding: 0;
}

.row {
  margin: 0 auto;
  padding: 80px;
  max-width: 1440px;
}

.main-content .row {
  padding: 30px 80px 80px;
}

.row.no-pad {
  padding: 0 80px 80px;
}

body, html {
 font-family: 'Roboto', Helvetica, sans-serif;
font-size: 95%;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

ul, ol, li, h1, h2, h3, h4, h5, p {
  padding: 0;
  margin: 0;
  line-height: 1;
}

li {
  list-style-type: none;
}

ol {
  margin-bottom: 10px;
}

ol li {
  list-style-type: decimal;
  padding-bottom: 10px;
}

a,
.newsletter .news-btn,
.buttons a {
  color: #E5A00D;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

a:hover,
.header a:hover,
.footer a:hover {
  color: #E5A00D;
  text-decoration: none;
}

.dark a {
  color: #E5A00D;
}

input::-moz-focus-inner { 
  border: 0; 
}

a:focus {
  outline: 0;
  text-decoration: none;
  color: #E5A00D;
}

.body {
  padding-right: 60px;
}

.navbar .row {
  padding: 0px 60px;
}

@media only screen and (max-width: 992px) {
	.row {
	  padding: 50px;
	}
	
	.row.no-pad {
	  padding: 0 50px 50px;
	}

	.navbar .row {
	  padding: 0; 
	}
	
	.inside h1,
	h2 {
	  font-size: 40px;
	  line-height: 44px;
	  letter-spacing: -1px;
	  padding-bottom: 12px;
	}
	
	.center {
	  margin: 0 auto;
	  text-align: center;
	}

	.body {
	  padding-right: 0px;
	}
}

@media only screen and (max-width: 992px) {
	.row {
	  padding: 30px 20px;
	}

	.navbar .row {
	  padding: 0;
	}
	
	.row.no-pad {
	  padding: 0 20px 30px;
	}

	.main-content .row {
	  padding: 20px;
	}
	
	h1,
	h2 {
	  font-size: 32px;
	  line-height: 36px;
	  letter-spacing: -1px;
	  padding-bottom: 12px;
	}
	
	h3 {
	  font-size: 24px;
	  line-height: 1;
	  letter-spacing: -1px;
	}
	
	p {
	  font-size: 14px;
	  line-height: 20px;
	}
	
	.sub-head {
	  font-size: 18px;
	  line-height: 22px;
	  padding-bottom: 30px;
	}
	
	.mobile-off {
	  display: none;
	}
	
	.mobile {
	  display: block;
	}
	
	.landings .left {
	  padding-right: 0;
	}
	
	.landings h1 {
	  font-size: 32px;
	  line-height: 36px;
	  padding-bottom: 30px;
	}
	
	.landings p {
	  font-size: 14px;
	  line-height: 22px;
	  padding-bottom: 20px;
	  text-align: left;
	}
	
	.breadcrumb .row {
	  padding: 20px;
	  text-align: left;
	  color: #999;
	  background: #f9f9f9;
	  line-height: 18px;
	  font-size: 14px;
	}
}

@media only screen and (max-width: 992px) {
	a.menu-btn {
	  display: block;
	  float: left;
	  position: absolute;
	  font-size: 22px;
	  cursor: pointer;
	}
	
	a.menu-btn:hover {
	  color: #fff;
	}
}



/* ---------------------------------
	Header Navigation
--------------------------------- */

.header {
	width: 100%;
	background: #282A2D;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 1.1em;
}

.header .row {
padding-top: 0px;
padding-bottom: 0px;
}

/* - Common Menu - */

.header-menu ul {
	text-align: center;
}

.header-menu ul li,
.header-menu-dynamic ul li {
	display: inline-block;
	margin-left: -4px;
}

.header-menu ul li a,
.header-menu-dynamic ul li a {
	color: #ffffff;
	font-style: normal;
	font-weight: 700;
	padding: 26px 15px;
	line-height: 1;
	display: block;
	text-transform: uppercase;
	font-size: 0.85em;
}

.header-menu ul li a:hover,
.header-menu ul li:hover a,
.header-menu-dynamic ul li a:hover,
.header.user-active .header-menu-dynamic a#hideshow {
	color: #E5A00D;
}

.header-menu ul li a:hover {
	color: #F9BE03;
}

.sub-nav li {
  display: inline-block;
  margin-left: -4px;
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 25px;
}

.sub-nav li:first-child {
  padding-left: 0;
}

.nav-head li a.active,
.sub-nav li a.active,
.footer li a.active {
  color: #E5A00D;
}

h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 20px !important;
  display: inline-block;
  clear: both;
}

@media only screen and (max-width: 992px) {
	.header .row {
	  padding: 20px 40px;
	}
	
	
	.header .row {
	  padding: 20px;
	}
	
	.nav-head {
	  display: none;
	}
	
	.sub-nav {
	  display: none;
	}
	
	.pushy li {
	  display: block;
	  overflow: hidden;
	  clear: both;
	  border-bottom: solid 1px #3a3a3a;
	}
	
	.pushy li.last {
	  padding-bottom: 40px;
	  border-bottom: solid 0px #3a3a3a;
	}
	
	.pushy li.last.all {
	  border-bottom: none;
	  padding-bottom: 10px;
	}
	
	.pushy li.first {
	  border-top: solid 1px #3a3a3a;
	}
	
	.pushy i {
	  font-size: 24px;
	  line-height: 1;
	  padding-right: 12px;
	  position: relative;
	  float: left;
	  display: inline-block;
	  top: -3px;
	}
	
	.pushy li a {
	  font-size: 18px;
	  line-height: 1;
	  display: block;
	  border-right: none;
	  text-decoration: none;
	  padding: 23px 15px;
	  margin: 0;
	  color: #fff;
	  font-weight: normal;
	}
	
	.pushy li a:hover {
	  color: #E5A00D;
	}
	
	.pushy li a.active {
	  border-right: solid 8px #E5A00D;
	  color: #E5A00D;
	}
	
	.pushy li.launch {
	  border-bottom: none;
	  padding-bottom: 25px;
	}
	
	.pushy li.launch a.pbtn-nav {
	  margin: 0 15px;
	  padding: 8px 10px 9px;
	  text-align: center;
	  font-weight: 600;
	  text-transform: capitalize;
	}
	
	.pushy .search {
	  margin: 0 15px 20px;
	}
	
	.pushy h3 {
	  margin: 0 15px;
	  color: #999;
	  font-size: 16px;
	  letter-spacing: 0;
	  font-weight: 600;
	  padding-bottom: 10px;
	}
	
	.pushy .search-input {
	  background: #333;
	  border: none;
	  padding: 10px;
	  font-weight: 400;
	  height: 36px;
	  font-size: 14px;
	  color: #fff;
	}
	
	.pushy .search-submit {
	  border: none;
	  outline: none;
	  padding: 8px;
	  margin: 2px 0 0 -35px;
	  background: transparent;
	  z-index: 999;
	  position: absolute;
	  float: right;
	  color: #666;
	}
	
	.pushy .search-submit .icon-search {
	  font-size: 20px;
	}
}

/* ==========================================================================
   Footer
   ========================================================================== */
   
   .footer {
   	padding-top: 80px;
   	padding-bottom: 160px;
   	background: #3F4245;
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: 1.15em;
   }

.footer .row {
padding-top: 0;
padding-bottom: 0;
}

   ul#menu-footer li {
   	display: inline-block;
   	float: left;
   }

   ul#menu-footer li a {
   	padding-right: 25px;
   	color: rgba(255,255,255, 0.4);
   }

   ul#menu-footer li:last-child a {
   	padding-right: 0;
   }

   ul#menu-footer li a:hover {
   	color: #E5A00D;
   }

   .footer .logo {
   	margin: 0 auto 0 auto;
   }

   /* - Social & Share Icons - */

   .social-title {
   	text-align: right;
   	font-size: 0.85em;
   	font-weight: 500;
   	text-transform: uppercase;
   	padding-bottom: 10px;
	color: #868c96;
   }

   ul#menu-social {
   	float: right;
   	padding-bottom: 30px;
   }

   ul#menu-social li,
   .share-bar ul li {
   	font-family: 'icomoon';
	font-size: 2.3em;
   	display: block;
   	float: left;
       -webkit-transition: -webkit-transform 0.25s ease;
   	-moz-transition: -moz-transform 0.25s ease;
   	-o-transition: -moz-transform 0.25s ease;
   	transition: transform 0.5s ease;
   	padding-left: 10px;
   }

   ul#menu-social li:hover,
   .share-bar ul li:hover {
   	-webkit-transform: perspective(1px) scale(1.1);
   	-moz-transform: perspective(1px) scale(1.1);
   	-o-transform: perspective(1px) scale(1.1);
   	transform: perspective(1px) scale(1.1);
   }

   .share-bar ul li:first-child {
   	padding-left: 0;
   }

   a .icon-social-twitter,
   .icon-feed-twitter {
   	color: #00aced !important;
   }

   a .icon-social-facebook,
   .icon-feed-facebook {
   	color: #5e89e6 !important;
   }

   a .icon-social-google,
   .icon-feed-google {
   	color: #dd4b39 !important;
   }

   a .icon-social-linkedin,
   .icon-feed-linkedin {
   	color: #007bb6 !important;
   }

   /* ---------------------------------
   	Sub-Footer
   --------------------------------- */

   .sub-footer {
   	border-top: solid 1px rgba(255,255,255, 0.075);
   	color: rgba(255,255,255, 0.2);
   	font-size: 0.85em;
   	background: #3F4245;
	font-family: "Roboto", Helvetica, sans-serif;
   }

   .sub-footer .row {
   	padding-top: 30px;
   	padding-bottom: 30px;
   }

   ul#menu-sub-footer {
   	display: inline-block;
   	margin-left: 8px;
   }

   ul#menu-sub-footer li {
   	display: inline-block;
   	border-left: solid 1px rgba(255,255,255, 0.075);
   }

   ul#menu-sub-footer li a {
   	color: rgba(255,255,255, 0.2);
   	padding-right: 5px;
   	padding-left: 8px;
	letter-spacing: 0.5px;
   }

   ul#menu-sub-footer li a:hover,
   ul#menu-sub-footer li.current-page-ancestor a,
   ul#menu-sub-footer li.current-menu-item a {
   	color: #E5A00D;
   }


.Item-Body.MessageList.Conversation .Message {
  padding: 15px;
}

div.Message p,
div.Message,
.ipsBlockquote p,
.Quote {
  line-height: 20px;
  font-size: 14px;
  color: #545454;
}

div.Message h1 {
  margin: 20px 0;
  line-height: 1.2;
}

div.Message p {
  padding-bottom: 15px;
}

div.Message ul {
  padding: 0 0 10px 20px;
  display: block;
}

div.Message ul li {
  list-style: square;
}

div.Message ul li, div.Message ol li {
  padding: 0 0 5px 0;
  line-height: 20px;
}

.CategoryHeading .ItemContent.Category {
  font-weight: 700;
  color: #444;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

.CategoryHeading .ItemContent.Category .Options {
  font-size: 14px;
  top: 1px;
  position: relative;
}

.CategoryHeading {
  background: #f3f3f3 !important;
  margin: 30px 0;
}

.search-form .Button {
  display: inline-block !important;
  visibility: visible !important;
  position: initial;
  left: initial;
}

.Overlay .Popup {
  top: 65px !important;
}

.MItem.RSS {
  display: none;
}

.DismissMessage.Info {
  background-color: #fec;
}

.DismissMessage h2 {
  clear: none;
  font-size: 22px;
  font-weight: 300;
  padding-bottom: 0.25em !important;
}

.DismissMessage p {
  line-height: 1.4;
}

.PhotoWrapLarge {
  width: 100% !important;
  height: auto;
}

.main-content .Profile .FilterMenu {
  display: none;
}

span.Gloss {
  font-size: 14px;
  font-family: "Helvetica", arial;
  font-weight: bold;
  display: block;
  overflow: hidden;
  margin-top: -5px;
  color: #999;
}

.Profile {
  position: relative;
}

.ProfileOptions {
  position: relative;
  z-index: 5;
}

.logo {
	background: url('https://www.plex.tv/wp-content/uploads/2016/06/plex-logo.png') no-repeat;
	width: 80px;
	height: 26px;
	margin: 20px auto 0 auto;
	display: inline-block;
}


@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {


	.logo {
		background: url('https://www.plex.tv/wp-content/uploads/2016/06/plex-logo@2x.png') no-repeat;
		background-size: 80px 26px;
	}
}


/* ==========================================================================
   Reactions
   ========================================================================== */

@font-face {
  font-family: 'icomoon';
  src:url('https://s3.amazonaws.com/icomoon.io/5482/PlexForums/icomoon.eot?-y4kjf');
  src:url('https://s3.amazonaws.com/icomoon.io/5482/PlexForums/icomoon.eot?#iefix-y4kjf') format('embedded-opentype'),
      url('https://s3.amazonaws.com/icomoon.io/5482/PlexForums/icomoon.woff2?-y4kjf') format('woff2'),
      url('https://s3.amazonaws.com/icomoon.io/5482/PlexForums/icomoon.ttf?-y4kjf') format('truetype'),
      url('https://s3.amazonaws.com/icomoon.io/5482/PlexForums/icomoon.woff?-y4kjf') format('woff'),
      url('https://s3.amazonaws.com/icomoon.io/5482/PlexForums/icomoon.svg?-y4kjf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ReactSprite:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ReactSprite.ReactFlag:before,
.ReactSprite.ReactQuote:before {
  font-family: 'vanillicon';
}

.icon-feed:before {
  content: "\e600";
}

.ReactPromote:before {
  content: "\e60c";
}

.ReactLike:before {
  content: "\e608";
}

.ReactDislike:before {
  content: "\e607";
}

.ReactLOL:before {
  content: "\e601";
}

.ReactWTF:before {
  content: "\e60b";
}

.ReactInsightful:before {
  content: "\e609";
}

/* ==========================================================================
   Light grey theme
   ========================================================================== */

body {
  background-color: #ececec;
}

.header,
.footer {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-default {
  background-color: #3F4245;
  border-color: #3F4245;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .MeBox .Username,
.navbar-default .MeBox .FlyoutButton {
  color: #ccc;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .MeBox .Username:hover,
.navbar-default .MeBox .FlyoutButton:hover {
  color: #E5A00D;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > .Selected,
.navbar-default .navbar-nav > li > .Selected:hover,
.navbar-default .navbar-nav > li > .Selected:focus,
.navbar-default .MeBox .Open .FlyoutButton,
.navbar-default .MeBox .Open .FlyoutButton:hover,
.navbar-default .MeBox .Open .FlyoutButton:focus {
  color: #E5A00D;
  background-color: #282A2D;
}

.badge,
.Count,
.Alert {
  background-color: #E5A00D;
}

.breadcrumb, .Breadcrumbs {
  border: 1px solid #ddd;
}

.well,
.SearchForm {
  border: 1px solid #ddd;
  box-shadow: none;
}

.well.search-form {
  border: 1px solid #ddd;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge,
.FilterMenu .Active > a .Count,
.PanelInfo .Active a .Count {
  color: #E5A00D;
  background-color: #fff;
}

ul.FilterMenu,
ul.FilterMenu li,
ul.PanelCategories,
ul.PanelCategories li {
  line-height: inherit !important;
}

.FilterMenu li > a {
  padding: 8px 15px;
}

.FilterMenu li > a:hover {
  background-color: #f5f5f5;
}

.list-group-item.active, 
.list-group-item.active:hover,
.list-group-item.active:focus,
.PanelInfo .Active a,
.PanelInfo .Active a:hover,
.PanelInfo .Active a:focus {
  z-index: 2;
  color: #fff;
  background-color: #E5A00D;
  border-color: #ddd;
}

.PanelInfo .Heading {
  font-weight: bold;
  color: #666;
  background-color: #f3f3f3;
}

.Profile .Gloss {
  display: inline-block;
  color: #666;
  margin-left: 15px;
}

.DiscussionForm .FormWrapper .bodybox-wrap,
.Profile .FormWrapper .bodybox-wrap {
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/* ==========================================================================
   Q&A
   ========================================================================== */

.QnA-Accepted {
  background-color: #67C25D;
}

.QnA-Tag-Accepted {
  background-color: #67C25D;
}

.InThisConversation {
  padding-top: 15px;
}

.sidebar .BigButton {
  width: 100%;
  display: block;
  padding: 8px;
  margin-bottom: 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}

.sidebar .SideMenu .PanelInfo li a {
  position: relative !important;
  margin-top: -1px !important;
  line-height: 20px !important;
}

.sidebar .SideMenu .PanelInfo li.Active a {
  color: #E5A00D !important;
  background: #f9f9f9 !important;
}

.sidebar .SideMenu .Sprite,
.sidebar .InvitationsLink .Sprite,
.sidebar ul.FilterMenu li.Participated span.Sprite.SpParticipated {
  display: inline-block;
  min-width: 1em;
  font-family: Icomoon;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-align: center;
  position: relative;
  font-size: 16px;
  padding-right: 5px;
  top: 1px;
}

.Sprite.SpEdit:before {
  content: "\e614";
}

.Sprite.SpPassword:before {
  content: "\e615";
}

.Sprite.SpPicture:before {
  content: "\e60f";
}

.Sprite.SpPreferences:before {
  content: "\e60e";
}

.Sprite.SpThumbnail:before {
  content: "\e612";
}

.Sprite.SpConnection:before {
  content: "\e613";
}

.Sprite.SpQuote:before {
  content: "\e611";
}

.Sprite.SpWhosOnline:before {
  content: "\e60d";
}

.Sprite.SpSignatures:before {
  content: "\e610";
}

.Sprite.SpInvitations:before {
  content: "\e616";
}

.sidebar ul.FilterMenu li.Participated span.Sprite.SpParticipated:before {
  content: "\e617";
  font-size: 0.9em;
}

body.thumbnail {
  display: block;
  padding: 0px;
  margin-bottom: 0px;
  line-height: 0;
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 0;
  transition: all .2s ease-in-out;
}

body#vanilla_categories_index.Vanilla.Categories.index .BoxNewDiscussion,
body#vanilla_discussions_bookmarked.Vanilla.Discussions.bookmarked .BoxNewDiscussion,
body#vanilla_discussions_mine.Vanilla.Discussions.mine .BoxNewDiscussion,
body#vanilla_discussions_unanswered.Vanilla.Discussions.unanswered .BoxNewDiscussion,
body#vanilla_discussions_index.Vanilla.Discussions.index .BoxNewDiscussion {

}

body#vanilla_categories_index.Vanilla.Categories.index .FilterMenu,
body#vanilla_discussions_bookmarked .FilterMenu,
body#vanilla_discussions_mine .FilterMenu,
body#vanilla_discussions_unanswered .FilterMenu,
body#vanilla_discussions_index .FilterMenu,
body#dashboard_activity_index .FilterMenu {
  padding-top: 0px !important; 
}

.ForgotPassword {
  padding-top: 8px;
  display: inline-block;
}

dl.About dt {
  margin-left: 0;
  margin-right: 5px;
}

dl.About dd {
  margin-right: 25px;
}

a,
a:hover,
a:focus {
  color: #E5A00D;
}

b,strong {
  font-weight: 700;
}

.Button,
.Button.Active { 
  outline: none !important;
}

.text-primary {
  color: #E5A00D;
}

.bg-primary {
  color: #fff;
  background-color: #E5A00D;
}

.badge {
  color:#E5A00D;
  background-color: #fff;
}

.btn-primary,
.Button.Primary {
  color: #fff;
  background-color: #E5A00D;
  border-color: rgba(0,0,0,0.1);
}

.Button.Primary:active {
  background-color: #E5A00D;
}

.btn-primary .badge {
  color: #E5A00D;
  background-color: #fff;
}

.NavButton {
  color: #E5A00D;
  font-weight: 400;
  cursor: pointer;
  border-radius: 0;
}
 
a.Button.Primary.Handle:focus {
  background: #E5A00D !important;
  border-color: rgba(0,0,0,0.1);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.Button.Primary:hover,
.Button.Primary:focus,
.Button.Primary:active {
  color: #fff;
  background-color: #ee7a00;
  border-color: rgba(0,0,0,0.1);
}

.token-input-selected-dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #E5A00D;
}

.open > a:focus {
  background-color: #eee;
  border-color: #E5A00D;
}

.Active > a:focus {
  color: #fff;
  background-color: #E5A00D;
}

.NumberedPager > div {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #E5A00D;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.Highlight:focus {
  z-index: 2;
  color: #fff;
  background-color: #E5A00D;
  border-color: #E5A00D;
  cursor:default;
}

.token-input-token,
li.token-input-token {
  background-color: #E5A00D;
  border-color: rgba(0,0,0,0.1);
}

.token-input-token:hover,
li.token-input-token:hover {
  background-color: #ee7a00;
}

.Count {
  color: #E5A00D;
  background-color: #fff;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #E5A00D;
}

.StrengthText {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #E5A00D;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
  transition: width .6s ease;
}

.PanelInfo .Active a:focus {
  z-index: 2;
  color: #fff;
  background-color: #E5A00D;
  border-color: #E5A00D;
}

.panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #E5A00D;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #E5A00D;
  border-color: #E5A00D;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #E5A00D;
}

.panel-primary > .panel-heading .badge {
  color: #E5A00D;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #E5A00D;
}

.iradio:before,
.icheckbox:before {
  color: #999;
}

.iradio:hover:before,
.icheckbox:hover:before,
.iradio:focus:before,
.icheckbox:focus:before,
.iradio.checked:before,
.icheckbox.checked:before,
.icheck-label:hover .iradio:before,
.icheck-label:hover .icheckbox:before,
.icheck-label:focus .iradio:before,
.icheck-label:focus .icheckbox:before {
  color: #E5A00D;
}

a.Bookmark:hover:before,
a.Bookmark:focus:before {
  color: #E5A00D;
}

.OptionsMenu .SpFlyoutHandle:hover,
.OptionsMenu .SpFlyoutHandle:focus {
  color: #E5A00D;
}

.OptionsMenu.Open .SpFlyoutHandle {
  color: #E5A00D;
}

.Active a {
  background-color: #E5A00D !important;
}

.pagination > li > a,
.pagination > li > span,
.NumberedPager > a,
.NumberedPager > span,
.NumberedPager > div {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #999;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.NumberedPager > a:hover,
.NumberedPager > a:focus {
    color: #333;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.NumberedPager .Highlight,
.NumberedPager .Highlight:hover,
.NumberedPager .Highlight:focus {
  z-index: 2;
  color: #fff;
  background-color: #E5A00D;
  border-color: rgba(0,0,0,0.1);
  cursor: default;
}

.GuestBox {
  padding-bottom: 30px;
  display: block;
}

.ReactButton {
  padding-right: 7px;
}

.CurrentPicture .Button {
  margin-top: 15px;
}

.DataList-Connections,
#Form_QuoteFolding {
  margin-top: 20px;
}

.Reactions .Count {
  background: none !important;
  border: solid 1px #ccc;
  position: relative;
  top: 1px;
  color: #666;
}

.ReachSprite {
  float: right;
}

.Reactions .Count {
  float: left;
}

.Badge-Details {
  padding-bottom: 20px;
}

.MItem a {
  background: none !important;
  color: #E5A00D !important;
}

.MItem.Category a {
  border: solid 1px #e0e0e0 !important;
}

.Badge-Details h1 {
  padding: 10px 0;
}

.BadgeCountDisplay {
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
}

.Meta {
  padding-top: 10px;
}

.Meta.DiscussionMeta {
  padding-top: 0px;
}

.InlineTags {
  background: #f9f9f9;
  border-radius: 2px;
  padding: 5px;
  margin-top: 10px;
}

.SignatureRules {
  position: relative;
  margin-top: -20px;
  margin-bottom: 30px;
}

ul.AcceptedAnswers {
  border-top: solid 2px #67c25d;
  border-bottom: solid 2px #67c25d;
  padding: 0 0 20px 0;
}

ul.AcceptedAnswers:before {
  content: "Accepted Answers";
  background: #67c25d;
  color: #fff;
  padding: 5px 10px 7px 10px;
  margin: 0 0 20px 0;
  display: inline-block;
  overflow: hidden;
  font-weight: bold;
  border-radius: 0 0 2px 2px;
  font-size: 13px;
}

ul.AcceptedAnswers .Item.QnA-Item-Accepted {
  border-color: #cde0c6;
}

ul.AcceptedAnswers .Item.QnA-Item-Accepted .Item-Header {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #cde0c6;
}

ul.AcceptedAnswers .Item.QnA-Item-Accepted .Item-Body {
  background-color: #f1fbec;
}

.CommentHeader {
  padding-bottom: 5px !important;
}

.CommentHeader .Meta {
  padding-top: 0;
}

.CommentMeta {
  padding-top: 0px;
  position: relative;
  margin-top: -3px;
}

.ItemContent .Meta {
  padding-top: 5px;
}

.Meta a {
  color: #333 !important;
}

.editor-insert-dialog a {
  display: block;
  padding-left: 5px;
}

.Meta a:hover {
  color: #E5A00D !important;
}

span.Breadcrumbs {
  margin-bottom: 30px;
}

.UserSignature p {
  line-height: 14px;
  padding-bottom: 3px;
}

.Pager:hover .Highlight a {
  color: #E5A00D;
}

ul.FilterMenu li a {
  color: #666;
}

h1, h1.HomepageTitle {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  color: #E5A00D;
  border-bottom: none;
  padding-bottom: 0px;
}

#dashboard_entry_signin h1 {
  padding-bottom: 30px;
}

h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding-bottom: 15px !important;
  display: block;
  overflow: hidden;
  clear: both;
  font-size: 20px;
}

h2.H {
  padding-top: 20px;
}

.SideMenu.Active a {
  background: #fff !important;
}

.SideMenu.Active a.Active,
.SideMenu.Active a:hover {
  color: #E5A00D;
}

.SideMenu.Active .Active a {
  border-color: #ddd;
  color: #E5A00D;
  background: #f9f9f9;
}

.Reactions a {
  font-size: 13px;
  color: #999;
}

.Reactions a:hover {
  color: #E5A00D;
}

.ReactionsWrap h2 {
  padding-top: 20px;
}

.PageTitle {
  border-bottom: 0px;
}

.PageTitle h1 {
  padding-bottom: 20px; 
}

.PageDescription {
  padding-bottom: 20px;
}

.Activity-Registration .ProfilePhoto,
.Activity-WallPost .ProfilePhoto,
.OnlineUserWrap .ProfilePhoto,
.ItemDiscussion .ProfilePhoto,
.Discussion .Author .ProfilePhoto,
.Leaderboard .ProfilePhoto,
.MeBox > .PhotoWrap > .ProfilePhoto,
.Tile .ProfilePhoto {
  border-radius: 50% !important;
}

.FilterMenu {
  padding: 30px 0;
}

.ItemContent .Title {
  line-height: 26px;
}

.ItemContent .Title a,
.TitleWrap a.Title {
  font-size: 18px;
  line-height: 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  padding-bottom: 12px;
}

.Activities .Title,
.Activities .Title a {
  padding-top: 0px !important;
  font-size: 18px !important;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  clear: both;
}

.ItemContent .Title a {
  padding-bottom: 5px;
}

.DataListWrap {
  position: relative;
}

.ItemContent .Title a:hover,
.TitleWrap a:hover.Title {
  color: #E5A00D;
}

.TitleWrap a.Title {
  padding-bottom: 5px !important;
  display: block;
}

.CategoryFilter {
  padding-bottom: 30px;
}

.TagCloud li {
  border: none;
  background-color: #f3f3f3;
  border-radius: 2px;
  padding: 5px;
}

.TagCloud li a,
.TagCloud li a .Count {
  color: #999;
}

.TagCloud li:hover a,
.TagCloud li:hover a .Count {
  color: #E5A00D;
}

.UserPicture {
  margin: 0 5px 5px 0;
}

.BadgeGrid .ProfilePhoto {
  border-radius: 2px;
}

.DataCounts {
  background-color: #fff;
  border: solid 1px #e0e0e0;
  border-radius: 5px;
}

form div.Preview {
  padding: 10px;
}

form div.Preview ul li {
  margin-bottom: 0;
}

.Preview ul, .Preview ol,
.Message ol {
  padding: 0 0 0 20px;
}

.Message li ul,
.Message li ol {
  padding-bottom: 0;
  margin-top: -10px;
}

.Message li p {
  padding-bottom: 0;
}

.SplashInfo #Message {
  margin-top: 10px;
}

.Item-Header span.Author {
  padding-right: 10px;
}

ul.Drafts,
ul.Drafts li {
  line-height: inherit;
}

.Tile {
  background-color: #fff;
  width: 48%;
  margin: 0 10px 10px 0;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.Tile > h3 {
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  word-wrap: break-word;
}

.Tile .Reactions {
  display: none;
}

.Tile .Message {
  margin: 0 0 20px;
}

.Tile span.Author a {
  color: #333;
}

.Tile span.Author a + a {
  margin-left: 10px;
  font-size: 12px;
}

.Tile .AuthorWrap {
  background: rgba(0,0,0,0.04);
  border-top: 1px solid #ddd;
  margin: 0 -15px -15px;
}

.Draft .Excerpt a,
.Activity .Excerpt,
.CategoryDescription {
  color: #666;
  line-height: 20px;
}

.SpMarkAllViewed:before, 
.InformSprite.MarkAllViewed:before {
  content: "\f06e";
}

.sidebar li.QnA-UnansweredQuestions span.Aside {
  display: none;
}

span.TotalVotes.Gloss {
  margin: 5px 0 0;
}

.sidebar > .BoxNewDiscussion {
  margin-bottom: 10px;
}

body .Item.ItemComment.Rank-Admin .Item-Header,
body .Item.ItemDiscussion.Rank-Admin .Item-Header,
body .Item.ItemComment.Rank-Employee .Item-Header,
body .Item.ItemDiscussion.Rank-Employee .Item-Header,
body .Item.ItemComment.Rank-Team-Member .Item-Header,
body .Item.ItemDiscussion.Rank-Team-Member .Item-Header {
    border-top: solid 4px #E5A00D !important;
}

body .Item.ItemComment.Rank-Admin .Rank.Rank-Admin,
body .Item.ItemDiscussion.Rank-Admin .Rank.Rank-Admin,
body .Item.ItemComment.Rank-Employee .Rank.Rank-Employee,
body .Item.ItemDiscussion.Rank-Employee .Rank.Rank-Employee,
body .Item.ItemComment.Rank-Team-Member .Rank.Rank-Team-Member,
body .Item.ItemDiscussion.Rank-Team-Member .Rank.Rank-Team-Member {
    color: #E5A00D !important;
}

body .Item.ItemComment.Rank-Ninja .Item-Header,
body .Item.ItemDiscussion.Rank-Ninja .Item-Header{
    border-top: solid 4px #19A0D7 !important;
}

body .Item.ItemComment.Rank-Ninja .Rank.Rank-Ninja,
body .Item.ItemDiscussion.Rank-Ninja .Rank.Rank-Ninja {
    color: #19A0D7 !important;
}