/* added from TH-OG style.css */

/*------------------------------------------------ */
/* TABLE OF CONTENT */
/*------------------------------------------------ 

1  - General Base Styles
2  - Header
3  - Main Navigation
4  - Main Header
5  - Live Search
6  - Responsive Navigation
7  - Content
8  - 404 Page
9  - Home Page 
10 - Knowledge Base Page 
11 - Article Page 
12 - Contact Page
13 - Sidebar
14 - Footer
15 - FAQ Pages
16 - Media Queries

-------------------------------------------------- */

/* ==========================================================================
   1  - General Base Styles
   ========================================================================== */


@font-face {
    font-family: "OpenSansRegular";
    src: url("/fonts/OpenSans/OpenSans-Regular-webfont.eot");
    src: url("/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"),
         url("/fonts/OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"),
         url("/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSansBold";
    src: url("/fonts/OpenSans/OpenSans-Bold-webfont.eot");
    src: url("/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"),
         url("/fonts/OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"),
         url("/fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSansLight";
    src: url("/fonts/OpenSans/OpenSans-Light-webfont.eot");
    src: url("/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fonts/OpenSans/OpenSans-Light-webfont.woff") format("woff"),
         url("/fonts/OpenSans/OpenSans-Light-webfont.ttf") format("truetype"),
         url("/fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "open_sanscondensed_light";
    src: url("/fonts/opensans-condlight-webfont.eot");
    src: url("/fonts/opensans-condlight-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fonts/opensans-condlight-webfont.woff2") format("woff2"),
         url("/fonts/opensans-condlight-webfont.woff") format("woff"),
         url("/fonts/opensans-condlight-webfont.ttf") format("truetype"),
         url("/fonts/opensans-condlight-webfont.svg#open_sanscondensed_light") format("svg");
    font-weight: normal;
    font-style: normal;
}

   
/* OUR MIN WIDTH 331px (NO SIDE-BAR) */
/* OUR IDEAL WIDTH 1317px (NO SIDE-BAR) */

body {
   line-height: 1.6em;
   font-weight: 300;
   color: #222;
   font-family: "OpenSansRegular", sans-serif; 
   background-color: #E2E6E5;
   font-size: 16px; 
   overflow-x:hidden;
   position:relative;
   /* min-width:1000px; */
}
/*
body.navigation-less-document {
   background-color: #E2E6E5;
}
*/
.col-md-3{
   /* background-color: #000; */
}

.col-md-3.blog-sidebar:before {
	content: " ";
	position: absolute;
	right:0px;
	left:0px;
	bottom:0px;
	top:0px;
	z-index:0;
	background:#000;
}


h1, h2, h3, h4, h5, h6 {
   color: #121212;
   font-weight: 700;
   font-family: "OpenSansRegular", sans-serif; 
}
h1, h2, h3 {
   margin-top: 0;
}
h1 { 
   font-size: 36px;
}
h2 { 
   font-size: 28px;
}
h3 { 
   font-size: 22px;
}
h4 { 
   font-size: 18px;
}
h5 { 
   font-size: 14px;
}
a, a:hover, a:focus {
	color: #fff;
	outline:none;
}
a, a:hover, a:focus {
	color: #fff;
	outline:none;
}
li {
   line-height: 1.6em;
}
img {
   width: auto\9;
   height: auto;
   max-width: 100%;
   outline:none;
}

/* forms */
textarea, .form-control, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}
textarea, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   border: 1px solid #ccc;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
textarea:focus, .form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
   border: solid 1px #999;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

/* START: heavy after framework */
/*
checkbox, img, div, span, label, fieldset, .KeyPressCheckbox, input[type=checkbox], button, input[type=text], input[type=email], input[type=date], input[type=number], textarea, fieldset input {
	outline: none;
}
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
*/
/* END: heavy after framework */

.RightBorderDivider {
	float: left;
	border-right: solid 5px transparent;
}
.LeftBorderDivider {
	float: right;
	border-left: solid 5px transparent;
}




/* checkbox */
.CommonCheckbox {
	min-width: 16px;
	margin: 8px 7px 6px 7px;
	position: relative;
}
.CommonCheckbox label {
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 0;
	left: -1px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	/* background: #fcfff4; */
	background: -webkit-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: -moz-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: -o-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: -ms-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF3ED', endColorstr='#E6EEE6',GradientType=0 );
}
.CommonCheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 3px;
	left: 3px;
	border: 3px solid #3D3D3D;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.iboard-checkbox .CommonCheckbox label:after {
	top: 6px;
	left: 4px;
}

.CommonCheckbox label:hover::after {
	background:none;
	content:'';
}
.CommonCheckbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.CheckboxLabel {
	font-size:16px;
	cursor:pointer;
	font-weight:normal;
}

.CommonRadioButton {
	border:solid 5px #E8ECEB;
	padding:2px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	height:28px;
	width:28px;
	cursor:pointer;
	background-position: top right;
	background-repeat:no-repeat;
}
.CommonRadioButton input[type=radio] {
	/*dont show client button */
	border:0;
	background:none;
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow: none;
	padding:0;
	margin:0;
}

.CommonRadioButton label {
	cursor:pointer;
}
.CommonRadioButton div {
	font-size:13px;
}
.CommonRadioButton input {
	font-size:14px;
}
/* was RecurrenceTypeRadio */
.CoolTypeRadio {
	/* 
	font-size:11px;
	width: 16px;
	*/
	margin: 8px 7px 6px 7px;
	position: relative;
}
.CoolTypeRadio label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: -moz-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: -o-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: -ms-linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	background: linear-gradient(top, #EDF3ED 0%, #EFEFEF 40%, #E6EEE6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF3ED', endColorstr='#E6EEE6',GradientType=0 );
}
.CoolTypeRadio label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 2px;
	left: 2px;
	border: 3px solid #3D3D3D;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.CoolTypeRadio label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.CoolTypeRadio input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.CoolTypeRadio label {
  border-radius: 50%;
  background: #eaeaea;
  box-shadow: none;
/*
  box-shadow: 
      inset 0 1px 0 rgba(255,255,255,0.3),
      inset 0 1px 0 rgba(255,255,255,0.3),
      inset 0 -1px 1px rgba(100,100,100,0.1),
      inset 0 1px 1px rgba(255,255,255,0.3);
*/
}
.CoolTypeRadio label:after {
  content: "";
  display:none;
}
.CoolTypeRadio label:before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: inherit;
  left: -2px;
  top: 4px;
  background: #E8ECEB;
  
}
.CoolTypeRadio input:checked ~ label:before {
  background: #A7C7A7;
  background: radial-gradient(40% 35%, #000, #010101 60%);
}
.CoolTypeSelector {
	cursor:pointer;
	float:left;
	padding:0;
	width:30px;
}
.user-settings .CoolTypeSelector {
	float:none;
}
.uploader, 
.uploader *{
	margin: 0;
	padding: 0;
}
div.uploader {
  background-position: 0px -366px;
  height: 33px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -430px;
  cursor:pointer;
}
div.uploader.active span.action,
div.uploader:active span.action,
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action,
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient(top, #E6EEE6, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E6EEE6), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #E6EEE6, #f9f9f9);
	background-image: -o-linear-gradient(top, #E6EEE6, #f9f9f9);
	background-image: linear-gradient(to bottom, #E6EEE6, #f9f9f9);
	background-repeat: repeat-x;
	color:#000;
	text-shadow:1px 1px 0px #ffffff;
}
div.uploader.disabled {
  background-position: 0px -398px;
}
div.uploader.disabled span.action {
  background-position: right -462px;
}
div.uploader {
  width: 282px;
  cursor: pointer;  
}
div.uploader:focus span.action, div.uploader:active span.action {
	background:#e8e8e8;
}
div.uploader.disabled span.action {
  color: #aaa;
}
div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
uploader input:focus {
  outline: 0;
}
div.uploader {
  position: relative;
  float: right;
  overflow: hidden;
}
div.uploader span.filename {
  height: 30px;
  /* change this line to adjust positioning of filename area */
  margin: 0px;
  line-height: 24px;
  width: 297px;
  padding: 3px 10px 0px 0px;
  float: left;
  display: block;
  text-align:center;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.uploader input {
  width: 439px;
  height:33px;
	opacity: 0;
	position: absolute;
	top: 0px;
	right: 77px;
	bottom: 0px;
	float: right;
}
div.uploader span.action {
	width: 120px;
	height: 24px;
	line-height: 24px;
	float: right;
	display: inline;
	margin:1px 0px;
	overflow: hidden;
	cursor: pointer;
	padding:3px 0px;
  	cursor: pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px rgb(255, 255, 255) inset;
	background-color: #E6EEE6;
	background-image: -moz-linear-gradient(top, #f9f9f9, #E6EEE6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#E6EEE6));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #E6EEE6);
	background-image: -o-linear-gradient(top, #f9f9f9, #E6EEE6);
	background-image: linear-gradient(to bottom, #f9f9f9, #E6EEE6);
	background-repeat: repeat-x;
	text-indent:0;
	display:inline-block;
	color:#000;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	border-radius: 0px 0px 0px 0px;
	text-indent: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #DCE9DC #DCE9DC #578857;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
}

.CommonCheckbox input[type=checkbox], .CommonRadioButton input[type=radio] {
	border:0;
	padding:0;
	margin:0;
	background:none;
	display:none;
/*////////////////////////////////////////////////////////////*/
/* try the following with iphone/webkit, lol, it crashes! lol */
/*
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0px,1px,1px,0px);
*/
/*////////////////////////////////////////////////////////////*/
}









.form-control {
   height: 42px;
   padding: 8px 12px;
   font-size: 16px;
   line-height: 1.428571429;
   color: #555;
}

/* buttons */
.btn {
   border-radius: 0;
   padding: 10px 16px;
}
.btn-lg {
   padding: 14px 20px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 0;
}
.btn-sm {
   padding: 7px 12px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 0;
}
.btn-xs {
   padding: 3px 5px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 0;
}
.btn-xxs {
   padding: 1px 4px;
   font-size: 12px;
   line-height: 1.45;
   border-radius: 0;
   margin-bottom: 4px;
}

.btn-primary:hover {
   opacity: 0.9;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.btn-primary, .btn-primary:hover {
  background-color: #000;
  border-color: #000;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

/* Bootstrap */

/* document min-width 502px */
.container {
	min-width: 502px;
	width:expression(document.body.clientWidth < 502? "502px": "auto" );
}

.alert {
   line-height: 1.4em;
   border: 0;
   border-radius: 0;
}
blockquote p {
   line-height: 1.6;
}
pre {
   border-radius: 0;
}
.container .jumbotron {
   border-radius: 0;
}
.jumbotron p {
   line-height: 1.6;
   margin-bottom: 15px;
}
.presentation h1 {
   font-size: 60px;
}


/* =============================================================================
   2 - Header
   ========================================================================== */

.banner {
   background-color: #E2E6E5;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   /* background-color: #000000; */
}
.navbar {
   margin-bottom: 0;
}
.navbar:before {
   content: " ";
   position: absolute;
   top: -1px;
   left: 1px;
   right: 0px;
   bottom: 0px;
   width:100%;
   border: 6px solid #000;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	top: 0;
	height: 79px;
	max-height: 79px;
	min-height: 79px;
	overflow: hidden;
	padding-left:0px;
	padding-right:0px;
}
.navbar-brand:after {
   content: " ";
   position: absolute;
	top: -1px;
   left: 0px;
   right: 0px;
   border: 6px solid #858786;
}

.navbar>.container .navbar-brand {
	margin-left:40px;
	margin-right:12px;
}
.navbar-brand h1 {
   margin: 22px 0 0;
   font-size: 24px;
   font-weight: 500;
   color: #fff;
}
.banner .navbar-inner, .banner .navbar-inner .btn { 
 font-family: "OpenSansLight", sans-serif; 
}
.banner .navbar-inner, .banner .navbar-inner .btn, .banner .navbar-inner label {
 font-size: 18px; 
}

.navbar-brand h1 a, .navbar-brand h1 a:hover {
   color: #fff;
   text-decoration: none;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.navbar-static-top {
   border-width: 0;
}
.navbar-navitop {
	/* background:#E2E6E5; */
	letter-spacing:0.01em;
}
.navbar-navitop:hover {
	background:#000;
}
/* =============================================================================
   3 - Main navigation
   ========================================================================== */

/* reset bootstrap menu */
.navbar-nav {
   /* float: right; */
	/*
	height: 68px;
	min-height: 68px;
	max-height: 68px;
	*/
	margin:0;
}
.navbar-nav>li>.dropdown-menu {
   margin-top: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
   display: inline-block;
}

.banner {
   	/* border-top:#000 11px solid; */
}


.dropdown-menu .dropdown-menu {
   top: -2px;
   left: 100%;
   margin-top: 0;
   margin-left: -1px;
   border-left: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li:first-child {
   border-top: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li {
   border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li:last-child {
   border-bottom: none;
}
.dropdown-submenu {
   position: relative;
}

.banner.navbar {
}
.navbar-nav>li>a {
   padding: 25px 5px 23px 5px;
}
/* force dropdown on hover */
.nav-main .dropdown:hover > .dropdown-menu {
   display: block;
}
.dropdown-menu {
   padding: 0;
   border-radius: 0px;
   -webkit-box-shadow: none;
   box-shadow: none;
}
#menu-main.navbar-nav .dropdown-menu {
   background-color: #59616D;
}
.dropdown-menu>li>a {
   padding: 12px 20px;
   color: rgba(0, 0, 0, 1.0);
}

#menu-main.navbar-nav>li>a {
/* OLD */
/*
   color: rgba(0, 0, 0, 1.0);
   text-transform:uppercase;
   font-weight:normal;
   font-size:19px;
   font-family: Arial, "OpenSansRegular", sans-serif; 
*/

   color: rgba(0, 0, 0, 1.0);
   text-transform:uppercase;
   font-weight:500;
   /* font-size:28px; */
   font-size:25px;
   font-family: "open_sanscondensed_light", sans-serif;
   text-shadow: 1px 0px 1px rgba(0,0,0,0.3);

}
/* top menu icons: bell/*/
.dropdown.dropdown-extended>a>i {
   color: #E2E6E5;
}
#menu-main.navbar-nav>.active>a, #menu-main.navbar-nav>.active>a:hover, #menu-main.navbar-nav>.active>a:focus,
#menu-main.navbar-nav>li>a:hover, .dropdown-menu>li>a:hover {
   color: #fff;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	opacity:0.8;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .dropdown-menu>li>a:hover,
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus, .navbar-nav>li>a:hover { 
	background: transparent; 
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.navbar-nav .dropdown-menu {
 background-color: #000000;
}
.main-header {
 background-color: #000;
}

/* =============================================================================
   4 - Main header
   ========================================================================== */

.main-header {
   padding: 15px 0 15px;
}
.main-header h1 {
   color: #fff;
   margin-bottom: 6px;
}
.main-header .tagline {
   color: #fff;
   margin-bottom: 0;
}
.main-header .append-icon {
   margin: 14px 0 6px; 
   position: relative;
}
.main-header .form-search span {
   position: absolute;
   right: 10px;
   top: 9px;
   color: #aaa;
   font-size: 18px;
}
/* ==========================================================================
   5 - Live Search
   ========================================================================== */

.autocomplete-suggestions { border: 1px solid #bbb; background: #FFF; cursor: default; overflow: auto; overflow-y: scroll;overflow-x: hidden;}
.autocomplete-suggestion { padding: 12px; overflow: hidden; border-bottom:1px solid #ddd;font-weight: normal; }
.autocomplete-suggestion h4{ line-height:1em;margin: 5px 0; white-space: nowrap;}
.autocomplete-suggestion p{ line-height:18px;}
.autocomplete-suggestion:last-child{ border:none}
.autocomplete-selected { background: WhiteSmoke; }
.autocomplete-suggestions strong {font-weight: bold; color: #000; }



/* ==========================================================================
   6 - Responsive navigation
   ========================================================================== */

.navbar-toggle {
   /* top: 8px; */
   border: 0;
   border-radius: 0;
   margin: 25px -5px 0 0;
}
.navbar-toggle:hover {
   /* background-color: rgba(0, 0, 0, 0.2); */
}
.navbar-toggle .icon-bar {
	background-color: #858786;
	border-radius: 0;
}
.navbar-toggle:hover .icon-bar {
	background-color: #000;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.navbar-toggle .glyphicon-user {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	position:absolute;
	font-size:25px;
	top:8px;
	left:1px;
	text-decoration:none;
	color:#858786;

	transform:scale(1.06,1); /* W3C */
    -webkit-transform:scale(1.06,1); /* Safari and Chrome */
    -moz-transform:scale(1.06,1); /* Firefox */
    -ms-transform:scale(1.06,1); /* IE 9 */
    -o-transform:scale(1.06,1); /* Opera */	
	text-shadow: 3px 0px 0px rgba(226,230,229,1.0);
 }
 .navbar-toggle .glyphicon-user:hover {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
} 
.navbar-toggle:hover .glyphicon-user {
	color:#000;
}   	











.backstretch {
	background-color:#000;
	max-height:580px;
	min-height:580px;
	height:580px;
	padding:0;
}
.backstretch-container {
	max-height:580px;
	min-height:580px;
	height:580px;
	overflow-y:hidden;
}
.tabbable {
	position:relative;
}
.fa-heart-o, .fa-pencil, .min-menu .fa-list {
	color:#8E908F;
}

.fa-heart-o:before {
	display:inline-block;
	font-size:28px;
	font-style:normal;
	font-weight:100;
	line-height:1;
	top:12px;
	left:0px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-shadow: 0 0px 8px #E2E6E5;
	text-decoration:none;
	/* background: url(../img/select-icons.png) 0 -167px no-repeat; */
	position:absolute;
}

.fa-pencil:before, .min-menu .fa-list:before {
	font-size: 26px;
	top: 10px;
	position: relative;
}
.min-menu .fa-list:before {
	font-size: 23px;
	top: 15px;
	right:34px;

}
.badge, .box-fullscreen {
	position:relative;
	top:0px;
	/*left:0px;*/
	padding: 0 0 0 25px;
	margin:0;
	background:transparent;
	color:#858786;
	font-size:14px;
}
.badge {
	padding: 0 0 0 20px;

}
.plus {
	color:#858786;
	font-size:22px;
	padding: 1px 5px 16px 16px;
	font-weight:bold;
}
.notes.plus {
	font-size:15px;
	position:relative;
	top:-10px;
}
.edit, .create {
	color:#858786;
	font-size:22px;
	font-weight:bold;
}
.glyphicon-film {
	color:#858786;
	font-size:24px;
	top:-14px
}


.create {
	padding: 0px 0 8px 22px;
}

.box-fullscreen {
	border:#8E908F 2px solid;
	width:28px;
	height:21px;
	margin:15px 0 -14px 0;

}
.glyphicon-arrow-up {
	color: #E2E6E5;
	font-size: 28px;
	font-style: normal;
	font-weight: 100;
	line-height: 1;
	top: -18px;
	left:10px;

	text-decoration:none;
	/* background: url(../img/select-icons.png) 0 -167px no-repeat; */

	transform:rotate(45deg) scale(1.2,1.0); /* W3C */
    -webkit-transform:rotate(45deg) scale(1.2,1.0); /* Safari and Chrome */
    -moz-transform:rotate(45deg) scale(1.2,1.0); /* Firefox */
    -ms-transform:rotate(45deg) scale(1.2,1.0); /* IE 9 */
    -o-transform:rotate(45deg) scale(1.2,1.0); /* Opera */

}
.glyphicon-arrow-up:after {
	content:"\e093";
	display:block;
	font-family:'Glyphicons Halflings';

	color:#858786;

	font-size:19px;
	font-style:normal;
	font-weight:100;
	line-height:1;
	top:0px;
	left:4px;

	position:absolute;
	text-decoration:none;
	text-shadow: 0 0px 1px rgba(142,144,143,1.0);
	/* background: url(../img/select-icons.png) 0 -167px no-repeat; */
}

.tabbable:hover, .tabbable:hover .fa-heart-o, .tabbable:hover .glyphicon-film , .tabbable:hover .fa-pencil:before , .tabbable:hover .fa-list:before , .tabbable:hover .plus, .tabbable:hover .glyphicon-arrow-up:after {
	color:#000;
	cursor:pointer;
}
.tabbable:hover .box-fullscreen {
	border-color:#000;
}
.tabbable:hover .plus {
	top:-11px;
}
.tabbable:hover .glyphicon-arrow-up:after {
	top:-1px;
}

.nav-responsive {
	background:#000;
	position:absolute;
	right:0;
	width:100%;
}
.nav-responsive > ul > li:last-child {
   padding-bottom: 18px;
}

.nav-responsive >.nav>li>a {
   padding-top: 15px;
   padding-bottom: 15px;
   color: rgba(255, 255, 255, 0.8);
}
.nav-responsive >.nav>li>a:hover {
   background-color: rgba(0, 0, 0, 0.2);
   color: #fff;
}
.nav .responsive-submenu {
   padding-left: 40px;
}







.row, 
.col-sm-2, 
.user-icons .col-sm-3, 
.col-sm-6, 
.col-sm-12 {
	margin:0;
	padding:0;
	font-family: "OpenSansLight", sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.user-icons .data {
	font-size:30px;
	color: #E3E7E6;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
.user-icons .title {
	font-size:12px;
	font-weight:bold;
	color:#858786;
	letter-spacing:0.01em;
	text-align:center;
	line-height:1.8em;
	cursor:pointer;
}


.user-icons {
	padding-top:24px;
	padding-left: 1.5%;
}


.nav .glyphicon-bell {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	/* position:absolute; */
	font-size:30px;
	top:-3px;
	left:0px;
	text-decoration:none;
	color:#E2E6E5;
	text-shadow: 0px 0px 1px rgba(226,230,229,1.0);
}
/* TH-476: Disable friend activity unless on dashboard(homepage logged in) and user panel is expanded. */
.page-sidebar .user-friend-activity {
	display:none;
}
/* .sidebar-add-friends is the reverse to the display state of .user-friend-activity, one is hidden while other is shown, to always have 'add friends' available to user */
.page-sidebar .user-friend-activity.sidebar-add-friends {
	display:block;
}


.user-friend-activity {
	min-width:339px;
}

.user-dashboard .title, .user-friend-activity .title {
	font-size:24px;
	font-weight:100;
	color:#858786;
	padding:25px 0 7px 6%;
	text-transform:uppercase;
	font-family:Arial Narrow, Sans, "OpenSansLight", sans-serif;
	letter-spacing:0.05em;
	white-space: nowrap;
}
.user-friend-activity .title {
	padding:35px 0 7px 16px;
}
/* hides items for smaller width screens */
.hide-for-small {
	display:none;
}
.user-friend-activity .media-list .media-user {
	padding:0 0 5px 0;
}
.user-friend-activity .media-list .media-body {
	padding:0 0 0 20px;
}

.user-icons .icon-btn {
	background:none;
	border:none;
}
.user-icons .badge {
	background-color:#848887;
	margin:0;
	padding:0;
	max-width:40px;
	min-width:19px;
	width:auto;
	top:-18px;
	left:20px;
}
.user-friend-activity .add-friend {
	/* margin-right: 10px; */
	/* position: relative; */
	/* float: right; */
	padding-left:13%;
}
.user-friend-activity .add-friend a {
	font-size:18px;
	color:#E1E7E5;
	text-decoration:none;
	letter-spacing:0.01em;
}

.user-friend-activity .add-friend:hover a {
	color:#fff;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.user-friend-activity .add-friend .fa-plus {
	background:#838786;
	color:#000;
	font-size:14px;
	padding: 1px 2px 0px 2px;
	margin:0;
	margin-right:5px;
}
.user-friend-activity .add-friend :hover .fa-plus {
	background:#fff;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.user-icons .tabbable:hover .icon-btn > .badge {
	top:-19px;
}

.user-icons .icon-btn > .badge {
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding:2px;
	position:absolute;
}

.fa-envelope {
	/* color:#E2E6E5; */
	/* padding-top:5px; */
	padding:0;
	position:relative;
	top:-3px;
	left:-6px;
}
.fa-envelope:after {
	display:block;
	font-size:28px;
	font-style:normal;
	font-weight:100;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-shadow: 0 0px 8px #E2E6E5;
	
}

.fa-envelope:before {
	text-shadow: none;
	font-size:30px;
}










/* ==========================================================================
   7 - Content
   ========================================================================== */

.main{ 
   float: right !important; 
}
.content {
   margin-top: 60px;
   margin-bottom: 70px;
}
.video.content {
   margin-top: 0;
   margin-bottom: 0;
}
.page-header {
   margin-top: 0;
   margin-bottom: 5px;
   border-bottom: none;
}
.pagination >li>a:hover, .pagination >li>a:focus, .pagination >.active>a, .pagination >.active>span,
.loop-comments,
.sidebar li:hover, .sidebar .widget_nav_menu li:hover,
.label-primary {
 background-color: #000;
}
.entry-title i,
.author-links i,
.sidebar li i,
.sidebar .pressapps_tweet_widget i,
.box-video-list i,
.autocomplete-suggestions h4 > strong {
 color: #000;
}

/* Blog Content */
article.post {
   background-color: #fff;
   padding: 25px 25px 10px;
   margin-bottom: 30px;
}
.loop-comments {
   position: relative;
   float: right;
   top: 3px;
   right: 0;
   padding: 0 7px;
   font-size: 13px;
}
.loop-comments, .loop-comments i {
   color: #fff;
}
article.post header h2 {
   margin-bottom: 30px;
}
article.post footer {
   font-size: 0.85em;
   color: #aaa;
   padding-top: 5px;
}
.tags {
   display: inline-block;
   float: right;
   margin: 0;
   width: 60%;
}

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }


.single-post article header h1 {
   margin-bottom: 25px;
}
.single-post article.post {
   padding-bottom: 25px;
}

.author-box-image {
float: left;
margin-right: 25px;
margin-bottom:15px;
}
#author-box { 
margin:25px 0 0;
padding:30px 0 0;
border-top: 1px solid #e6e6e6;
}
.author-box-name { margin:0 0 8px;}
.author-box-description { padding-left:97px;}
.author-links { 
   padding-left:97px;
   margin-bottom: 0;
}

#comments, #respond { 
   margin:25px 0 0;
   padding:25px 0 0;
   border-top: 1px solid #e6e6e6;
}
#comments h4.media-heading {
   margin-bottom: 0;
}
#comments li.comment {
   margin-top: 25px;
   padding-top: 25px;
   border-top: 1px solid #e6e6e6;
}
.comment.media {
   margin-top: 0;
}
.comment-reply-link {
   padding: 3px 6px;
   color: #fff;
   font-size: 12px;
   background-color: #666;
}
.comment-reply-link:hover {
   color: #fff;
   opacity: 0.9;
   text-decoration: none;
}
.featured-media {
   margin-bottom: 25px;
}   
.featured-caption {
   position: absolute;
   margin-top: -48px;
   margin-left: 20px;
   padding: 5px 10px;
   color: #fff;
   background: rgba(0, 0, 0, 0.6);
}

.pagination-lg > li > a, .pagination-lg > li > span {
   padding: 8px 16px;
   font-size: 18px;
}
.pagination > li:first-child>a, .pagination >li:first-child>span {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}
.pagination >li:last-child>a, .pagination >li:last-child>span {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   border:none;
}
.pagination >.active>a, .pagination >.active>span,
.pagination >li>a:hover, .pagination >li>a:focus {
   color: #fff;
}
.pagination >li>a, .pagination >li>span {
   border: none;
   margin-left: 1px;
}

/* Defaults Page */
.boxes {
	top:50px;
	color: #333;
	padding: 10px;
	text-align: center;
	margin-top: -100px;
	margin-bottom: 100px;
	background-color: #fff;
	position: relative;
	box-shadow: 0px 0px 6px #dddddd;
}

/* ==========================================================================
   8 - 404 Page
   ========================================================================== */

.error404 .page-header h1 {
   font-size: 100px;
   font-weight: 700;
   text-align: center;
   margin-top: 50px;
}
.not-found h3 {
   font-size: 36px;
   text-align: center;
   margin: 60px 0 100px
}
.not-found .form-control {
   height: 56px;
}
.not-found .btn {
   padding: 16px 32px;
   font-size: 16px;
}
.not-found .search-form {
   margin-bottom: 50px;
}

/* ==========================================================================
   9 - Home Page Templates
   ========================================================================== */

.create-account {
   /* margin-bottom: 50px; */
   /* padding: 0 4%; */
   text-align: center;
}
.create-account button, .playlists-button button, .news-button button, .common-button button {
	margin: 40px auto 20px auto;
	padding: 10px 20px 9px 20px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	background-color:#858786;
	color:#fff;
	font-family:Verdana, Sans, "OpenSansLight", sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	/* text-shadow: 0 0 1px rgba(255,255,255,0.6); */
}

.playlists-button button, .news-button button {
	margin: 0;
	padding: 10px 27px 9px 27px;
}
.common-button button  {
	margin: 0;
	padding: 10px 27px 9px 27px;
}
.go button  {
	padding: 14px 30px 10px 30px;
}
.common-button .go, .advanced-search {
	float:left;
	position:relative;
}
.advanced-search {
	margin-left:20px;
	width:80px;
	height:55px;
	text-align:center;
	padding: 10px 1px 1px 1px;
	font-size:12px;
	font-weight:bold;
	color:#858786;
	border:none;
	line-height:1.3em;
	opacity: 0.50;
}
.advanced-search:hover, .advanced-search:focus, .advanced-search:active {
	opacity: 0.60;
	color:#FFF;
	cursor:pointer;
	/* background:#000; */
	text-shadow: none;
}
.advanced-search:after, .advanced-search:hover:after, .advanced-search:focus:after, .advanced-search:active:after {
	content:"\e114";
	display:block;
	font-family:'Glyphicons Halflings';
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	line-height:1.2em;
	color:#fff;
	opacity: 0.90;
	clear:left;

	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:scale(1.1,0.7); /* W3C */
    -webkit-transform:scale(1.1,0.7); /* Safari and Chrome */
    -moz-transform:scale(1.1,0.7); /* Firefox */
    -ms-transform:scale(1.1,0.7); /* IE 9 */
    -o-transform:scale(1.1,0.7); /* Opera */	
	text-shadow: none;
}
.advanced-search:after {
	opacity: 0.20;
	color:#fff;
}
.advanced-search:active:after {
	opacity: 1.00;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.playlists .playlists-button, .news .news-button, .common-fullwidth-container .common-button {
/*
	width:200px;
	right:15px;
	top:-15px;
	float:right;
*/
	/* 
		position:absolute; 
		right:0;
		margin:-19px 0 0 0;
	*/
/*
		position:relative;
		top:-19px;
		*/
}
.common-content h2 {
   font-size: 60px;
	color:#858786;
	text-decoration:none;
	font-family: "OpenSansLight", sans-serif;
	font-style:italic;
	font-weight:normal;
	position:relative;
	letter-spacing:0.02em;
	text-transform:uppercase;
}
.common-content .row.first {
	padding-bottom:20px;
}
#people .common-content h2, .playlists .common-content h2, .news .common-content h2, .common-fullwidth-container .common-content h2 {
	margin-bottom: 40px;
	color:#141615;
	text-decoration:none;
	font-family: "OpenSansLight", sans-serif;
	font-style:italic;
	font-weight:normal;
	text-transform:uppercase;
	font-size:37px;
	letter-spacing:0.01em;
}
.playlists .common-content h2, .news .common-content h2, .common-fullwidth-container .common-content h2{
	color:#828685;
	/* font-size:42px; */
	font-size:36px;
	margin: 0;
	float:left;
	margin-bottom:10px;

}
.playlists .common-content, .news .common-content, .common-fullwidth-container .common-content {
	margin-top:51px;
	position:relative;
}

.favorite-id  h3, .content-sub-title h3 {
	color:#fff;
	font-family: "OpenSansLight", sans-serif; 
	font-weight:normal;
	text-align:center;
}

.common-content p {
   font-size: 1.1em;
   line-height: 1.6em;
   margin: 0;
}
.col-sm-8 {
	float:none;
	margin:0 auto 0 auto;
}
.home-slider {
	font-family: "OpenSansLight", sans-serif;
	font-style:italic;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	/* margin:0 auto -30 auto; */
	position:relative;
	top:458px;
	background-color:rgba(0,0,0,0.6);
	/* border-bottom:#858786 10px solid; */
	height:114px;
	min-height:114px;
	max-width:960px;
	min-width:960px;
	width:960px;
	padding:10px 4.5% 0 4%;
}

.header-search, .slider-header-search {
	background-color:rgba(0,0,0,0.8);
	min-height:100px;
	position:relative;
}
.slider-header-search {
	/* same as height of slider background, in this case 584px */
	top:-584px;
}
#slider {
   /* padding: 120px 0 190px; */
   padding: 120px 0 15px;
   background-color: #000;
}
.home, #slider {
   background-color: #000;
}
/* same as carousel.css > .carousel { height } */
.home .container {
	height:584px;
	min-height:584px;
	max-height:584px;
}
.home h1, #slider h1 {
	text-align: center;
	margin: 0;
	font-size: 34px;
	font-weight:100;
	font-family: "OpenSansLight", sans-serif;
	letter-spacing:0.015em;
	line-height:normal;
	font-weight:normal;
	color: rgba(255, 255, 255, 0.80);
	text-shadow: 1px 0px 1px rgba(255,255,255,0.3);
}
.carousel-indicators {
	bottom: 15px;
}
.carousel-indicators li, .carousel-indicators .active {
	border-radius: 0;
	border:0;
	width:20px;
	height:20px;
	margin:0 0.3%;
}
.carousel-indicators li:hover {
   opacity: 0.50;
}
.carousel-indicators li {
	background-color: rgba(255,255,255,0.2);
}
#slider h1 {
   font-size: 58px;
	font-weight:normal;
	line-height:1.2em;
}
.home .subtitle, #slider .subtitle{
   text-align: center;
   color: rgba(255, 255, 255, 0.85);
   font-size: 1.2em;
   font-weight: 300;
   line-height: 1.7em;
   margin: 0 5% 10px;
}
.home .form-search, #slider .form-search {
   margin-top: 40px;
}
.home .form-search .form-control, #slider .form-search .form-control {
   height: 67px;
   font-size: 18px;
   border:none;
}
.home .form-search .btn, #slider  .form-search .btn  {
   padding: 21px 50px;
   font-size: 18px;
   background-color: #222;
   margin-left: 8px;
   color: #fff;
   font-weight: 500;
}
.btn:hover, .btn:active, .btn:focus  {
   background-color: #000;
	outline: none;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

#people, .playlists, .news, .common-fullwidth-container {
	color: #333;
	padding-top: 46px;
	padding-bottom: 57px;
	text-align: center;
	/* margin-top: -70px; */
	/* margin-bottom: 6px; *
	/*
	background-color: #fff;
	position: relative; 
	box-shadow:0px 0px 6px #dddddd;
	*/
}
.playlists, .homepage-logged.news {
	padding-bottom:0;
	padding-left:30px;
	padding-right:30px;
	/* margin-bottom: 2px; */
}

.homepage-logged.twitter-widget {
	padding: 45px;
	padding-bottom: 0;
}
.homepage-logged.twitter-widget iframe {
	width: 100% !important;
	height: 350px;
}
.notop {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}
.video-time {
	color:#000;
	font-size:24px;
}
.playlists .news, .common-fullwidth-container {
	padding-top:0;
	margin-bottom: 0;
	padding-bottom:0;
}
.homepage-logged.news {
	padding-bottom: 45px;
	padding-left:45px;
	padding-right:45px;
	/* margin-bottom: 2px; */
}
.lastone {
	padding-top:0;
	padding-bottom:30px;
}
.inline {
	padding-top:5px;
	border:none;
}
.box {
   padding: 0 20px;
   text-align:center;
}

.box_links a, .box_links a:visited, .box_links a:active {
	color:#000 !important;
	font-weight:normal;
	text-decoration:none;
}
.box_links a:hover {
	text-decoration:underline;
}

.box .container {
   text-align:left;
}
.playlists, .playlists .box, .news, .news .box, .common-fullwidth-container .box {
   text-align: left;
}
.playlists .box, .news .box, .common-fullwidth-container .box {
	padding: 0;
}

.news .sub-title, .common-fullwidth-container .sub-title {
	margin:5px 0 0 0;
	font-size:14px;
}
/*
.playlists {
   width:inherit;
}
*/
.box a {
   color: #fff;
}
.box h3 {
   margin: 20px 0 10px 0;
   font-size: 24px;
}
.playlists .box h3, .news .box h3 , .common-fullwidth-container .box h3 {
	margin: 16px 0 8px 0;
	font-size: 25px;
}
.news .box h3, .common-fullwidth-container .box h3 {
	margin: 5px 0 8px 0;
}
.news .col-sm-6, .common-fullwidth-container .col-sm-6 {
	padding-right: 30px;
	padding-left: 30px;
}
.job-title, .sub-title {
	font-size:14px;
	color:#858786;
}
.job-title {
	padding-bottom:10px;
}
.sub-title {
	margin-bottom:4px;
}
.playlists p, .news p, .common-fullwidth-container p {
	letter-spacing:0.055em;
}
.box h3 a {
   color: #333;
}
.box h3 a:hover {
   opacity: 0.85;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.box .btn {
   border: solid 1px #333;
   color: #333;
}
.box .btn:hover {
   background-color: #333;
   color: #fff!important;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.homepage-logged.news.first {
    padding-top:45px;
}

.homepage-logged.news .box h3 {
	font-size: 24px;
	line-height: 1.3;
	margin:0;
}
.homepage-logged.news .sub-title {
	margin: 3px 0 0 0;
}
.homepage-logged.news p {
	padding: 18px 0 18px 0;
	font-size: 16px;
	letter-spacing:normal;
	line-height:normal;
	color:#000;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.homepage-logged.news p a {
	font-weight:bold;
   text-shadow: none;

}
.homepage-logged.news h2, .homepage-logged.playlists h2 {
	font-size: 36px;
	color:#464847;
	letter-spacing:0.001em;
	margin-bottom:0px;
}
.homepage-logged.playlists.first {
	/* padding-top:31px; */
	padding-top:45px;
}
.homepage-logged.playlists {
	padding-top:0px;
	/* for carousel */
	padding-bottom:35px;
}

.logo-badge {
	padding-left:40px;
}
.logo-badge:after {
	content: url(/img/mini_logo_37x.png);
	position:absolute;
	left:0px;
	/* top:1px; */
	z-index:1;
	width:37px;
	height:37px;
}

h3.logo-badge {
	text-transform:uppercase;
	font-family: "OpenSansRegular", sans-serif;
	/* padding-top: 8px; */
	padding-bottom: 15px;
	/* padding-left: 48px; */
	font-size: 30px;
	color: #464847;
	letter-spacing: 0.001em;
	margin-bottom: 0px;
	text-decoration: none;
	font-family: "OpenSansLight", sans-serif;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.1;
}
h3.logo-badge:after {
	width:18px;
	height:18px;
}

.homepage-logged.playlists .common-content .first {
	padding:0;
}
.homepage-logged.playlists .common-content p {
	line-height:normal;
	letter-spacing:0.01em;
	padding:6px 0 13px 0;
	font-size:16px;
   text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
.homepage-logged.news .common-content button.btn {
	font-size: 18px;
	background:transparent;
	color:#000;
	letter-spacing:0.1em;
	padding:8px 0 0 0;
	border:0;
	font-weight:normal;
	font-family:"OpenSansLight", sans-serif;
   text-shadow: 1px 0px 1px rgba(0,0,0,0.6);
}
.homepage-logged.news .common-content .row.first {
	border-bottom:#B6BCBB 1px solid;
	padding:0 0 6px 0;
	margin-bottom:30px;
}
.homepage-logged.news .col-sm-6 {
	padding-right: 15px;
	padding-left: 15px;
}
.homepage-logged.news .col-sm-6:first-child {
	padding-left: 0;
}
.homepage-logged.news .col-sm-6:last-child {
	padding-right: 0;
}
.common-play-button {
   margin: 0 auto 0 auto;
   width: 146px;
   height: 146px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #E2E6E5;
   position:relative;
   top:-465px;
   opacity: 0.92;
}
.common-x-button {
   /* margin: 22% auto 0 auto; */
   width: 50px;
   height: 50px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: rgba(0,0,0,0.0);
   /* position:relative; */
   /* padding:8px; */
   /* top:40px; */
   opacity: 0.92;
   font-size:40px;
   right:0;
}
.common-x-button:hover {
    background-color: rgba(0,0,0,0.2);
 }


.carousel-inner:hover .common-play-button {
   opacity: 0.85;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.common-play-button .glyphicon {
	font-size:89px;
	color:#000;
	opacity: 0.91;
	padding:25px 0 0 6px;
	transform:scale(1.06,1); /* W3C */
    -webkit-transform:scale(1.06,1); /* Safari and Chrome */
    -moz-transform:scale(1.06,1); /* Firefox */
    -ms-transform:scale(1.06,1); /* IE 9 */
    -o-transform:scale(1.06,1); /* Opera */	
	text-shadow: 0 0 1px rgba(0,0,0,0.4);
 }

.circles h3 a {
   color: #000;
}
.circle {
   margin: 0 auto 20px;
   width: 300px;
   height: 300px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #000;
}
.circle:hover {
   opacity: 0.85;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.circle i {
   color: #fff;
   font-size: 40px;
}
.circle i:hover {
   color: #fff;
   opacity: 1!important;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.circle a:hover {
   text-decoration: none;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.circle span { 
   height: 100px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; 
}
.circle i { 
   display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #fff; 
}
.box p {
   margin-bottom: 40px;
   line-height: 1.8em;
   text-align:left;
}
.playlists .box p, .news .box p, .common-fullwidth-container .box p{
   margin-bottom: 27px;
}
.playlists.news .box p {
   margin-bottom: 0;
}
.box-left .circle {
   background-color: #72b288;
}
.box-middle .circle {
   background-color: #6899d1;
}
.box-right .circle {
   background-color: #e08653;
}
#home-content {
   padding: 60px 0 50px;
   background-color: #fff;
}

.home-featured {
   /* background-color: #2c3e50;*/
	/* width: 82.1%; */
	margin: 0 auto 0 auto;
	padding:47px 0 0 0;
}
.home-featured article.post {
   background-color: transparent;
   padding: 0 5px 0;
}
.recent-title h2 {
   font-size: 34px;
   text-align: center;
   margin-bottom: 50px;
}
.home-featured .entry-title {
   margin: 0;
   text-align:center;
}
.home-featured .entry-media {
   margin-top: 18px;
}
.home-featured .entry-content {
   margin-top: 25px;
}
.home-actor-quote .col-sm-7 {
	padding-left:67px;
}
.home-actor-quote .col-sm-7 .common-content p {
	padding:0 20px 0 7px;
	line-height: 1.73em;
	letter-spacing:0.04em;
}
.home-actor-quote .col-sm-7 .common-content h2 {
	margin-bottom: 6px;
	letter-spacing: 0.03em;
}
.home-actor-quote .col-sm-5 {
	padding-left:13px;
	padding-right:5px;
}
.home-featured .col-sm-3 {
	padding: 0 20px 0 20px;
}
.carousel-inner {
	overflow:visible;
	cursor:pointer;
}
.video-title h2 {
   font-size: 34px;
   text-align: center;
   margin-bottom: 50px;
}
.box-video {
   padding-top: 120px;
}
.box-video i {
   text-align: center;
   font-size: 120px;
   text-decoration: none;
   color: #fff;
}
.box-video h3 {
   margin-top: 30px;
}
.box-video h3 a {
   color: #fff;
}
.box-video h3 a:hover, .box-video i:hover {
   color: rgba(255, 255, 255, 0.85);
   text-decoration: none;
}
.actors-quote {
	padding: 2px 10px 0 15px;
	letter-spacing:0.10em;
}
.actors-quote h1 {
	font-size:45px;
	font-family: "OpenSansLight", sans-serif;
	font-weight:100;
	font-style:italic;
	line-height:1.2em;
}

.actors-quote a {
	color:#858786;
	text-decoration:none;
	font-family: "OpenSansLight", sans-serif;
	font-style:italic;
}
.actors-quote li {
	text-align:right;
	font-size:24px;
	padding-right:10px;
	letter-spacing:0.05em;
}
.quoted-actors-name {
	position:relative;
	top:1px;
	left:8px;
}

.box-video-list .icon-chevron-right {
   color: #fff;
}
.home-actor-quote h3 {
   font-size: 26px;
   margin-bottom: 20px;
}
.home-actor-quote ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 16px;
}
.home-actor-quote h4 {
   line-height: 1.6em;
}
.home-actor-quote span.label a {
   color: #fff;
}
.home-actor-quote span.label a:hover {
   color: #fff;
   text-decoration: none;
}
.home-actor-quote span.label:hover {
   background-color: #222;
}
.box-video {
   margin-top: 0px;
   background-color: #222;
   height: 390px;
   text-align: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}
.box h3 a {
   color: #222;
}
.box a:hover {
   opacity: 0.8;
   color: #222;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.home-featured,
.home-featured h2,
.home-featured a,
.home-featured a:hover,
.home-featured i {
   color: #000;
}
.home-actor-quote {
   /* background-color: #fff; */
   text-transform:italic;
   padding: 40px 0 0 0;
}
.home-actor-quote .container, .home-featured .container, .playlists .container {
	border-bottom:#151918 1px solid;
	padding-bottom:30px;
}
.homepage-logged.playlists .container {
	border:0;
	padding-bottom:0px;
}
.home-actor-quote .container {
	padding-bottom:38px;
}
.playlists .container {
	/* padding-bottom:0px; */
	padding-bottom:60px;
}
.inline .container {
	padding-bottom:17px;
}
.lastone .container {
	border-bottom:0;
	padding-bottom:17px;
}
.news .container, 
.common-fullwidth-container .container {
	/* padding-bottom:24px; */
}
.footer-info .container {
	border-top:#737574 1px solid;
	width:80%;
}
.footer-widgets .container {
	width:80%;
}
.slider-header-search .container {
	max-height:100px;
}
.home-featured .container {
	padding-bottom:20px;
}
.home-featured .btn-primary {
   background-color: transparent;
   border-color: #fff;
}
.home-featured .btn-primary:hover {
   background-color: #fff;
   border-color: #fff;
   color: #000!important;
}
.home-featured .recent-posts {
	margin:0 auto 0 auto;
	padding-right:5%;
	padding-left:4%;
}
.home-founders.container {
	padding:0;
}
.home-founder {
	text-align:left;
	padding:22px 0 0 0;
	margin-bottom:40px;
}
.home-founder p {
	letter-spacing:0.03em;
	margin-bottom: 20px;
}
#people .col-sm-6 .box h3 {
	/* margin: 0 0 10px 0; */
}
#people .col-sm-6 {
	/* padding-left: 12px; */
}
.recent-posts p {
   font-size: 0.9em;
}
.btn-videos {
   border: solid 1px #333;
   color: #333;
   font-weight: 700;
   padding: 3px 8px;
   font-size: 12px;
   line-height: 1.5;
}
.btn-videos:hover {
   color: #fff;
   background-color: #333;
   text-decoration: none;
}
.btn-videos i {
   color: #333!important;
}
.btn-videos:hover i {
   color: #fff!important;
}

/* Home Page 2 Template */
.home-2 #people {
   padding-top: 40px;
   padding-bottom: 20px;
   margin-top: 70px;
   margin-bottom: 70px;
   box-shadow: none;
   background-color: transparent;
   color: #fff;
}
.home-2 #home {
   padding: 80px 0 0;
}
.home-2 #home h1 {
   margin: 0 0 26px;
   font-size: 84px;
}
.home-2 .box h3 a {
   color: #fff;
}

.home-2 .box .btn {
   font-weight: 500;
   border: solid 1px #fff;
   color: #fff;
}
.home-2 .box .btn:hover {
   background-color: transparent;
   opacity: 0.8;
}
.home-2 .box i {
   font-size: 86px;
}
.home-2 .box i:hover {
   color: #fff;
   opacity: 0.9;
} 


/* ==========================================================================
   10 - Knowledge Base Page Template
   ========================================================================== */

.knowledge-base-row {
   margin-bottom: 50px;
}
.knowledge-base-row span.label {
   border-radius: 2px;
   padding: .2em .5em;
}
.knowledge-base-row span.label a {
   color: #fff;
}
.knowledge-base-row span.label a:hover {
   color: #fff;
   text-decoration: none;
}
.knowledge-base-row span.label:hover {
   background-color: #222;
}
.knowledge-base-row h2 {
   margin-bottom: 15px;
}
.knowledge-base-row ul {
   list-style: none;
   padding-left: 0;
}
.knowledge-base-row li a {
   color: #222;
}
ul.sub-categories {
   margin-bottom: 0;
}
ul.category-posts li, ul.sub-categories li {
   line-height: 1.8em;
}
ul.subcat {
   margin-left:15px;
}

/* ==========================================================================
   11 - Article Page Template
   ========================================================================== */
.article article header h1 {
   margin-bottom: 25px;
}

/* ==========================================================================
   12 - Contact Page Template
   ========================================================================== */

.contact-form .form-group label {
   font-weight: normal;
}
.contact-error {
   color:#B94A48;
}

/* ==========================================================================
   13 - Sidebar
   ========================================================================== */

.sidebar ul {
   list-style: none;
   margin-bottom: 0;
   padding-left: 0;
}
.sidebar .widget {
   margin-bottom: 35px;
}
.widget-inner > h3 {
   margin-bottom: 17px;
}
.sidebar ul > li {
   background-color: #fff;
   padding-left: 14px;
   padding-right: 5px;
   margin-bottom: 5px;
}
.sidebar ul > li:hover a, .sidebar ul > li:hover i {
   color: #fff;
   text-decoration: none;
}
.sidebar li {
   line-height: 2.5em;
}

/* ==========================================================================
   14 - Footer
   ========================================================================== */

.footer-widgets { 
   background-color: #858786;
}
.footer-widgets {
   padding: 57px 0 20px 0;
}
.footer-widgets .row {
	margin-right: 0px;
	margin-left: 0px;
}
.playlists .row {
	margin:0;
	padding:0;
}
.footer-widgets, .footer-widgets a, .footer-widgets a:hover {
   color: #fff;
}
.footer-widgets ul {
   list-style: none;
   padding-left: 0;
}
.footer-widgets h3 {
   color: #fff;
   font-size: 15px;
   font-family:arial;
   font-weight:700;
   margin-bottom:3px;
  }
.footer-widgets li {
	line-height: 1.5em;
	font-size:12px;
	white-space:nowrap;
   font-family:arial;
}
.footer-widgets p {
	font-size:12px;
	line-height: 1.5em;
	font-weight:bold;
   font-family:arial;
   letter-spacing:0.01em;

}
.footer-widgets .col-sm-2 {
	margin-left:35px;
}
.footer-info {
   background-color: #858786;
   color: #fff;
   min-height: 80px;
}
.footer-info a, .footer-info a:hover {
   color: #fff;
}
.footer-info .copyright {
   text-align:right;
}
.copyright, .footer-info nav {
   margin: 10px 0 0 0;
   float: right;
   font-size:12px;
   text-align:right;
   line-height:1.5em;
  }
.footer-info nav {
   float: left;
}
.footer-info nav ul {
   padding: 0;
   margin: 0;
}
.footer-info nav li {
   display: inline-block;
   margin-left: 15px; 
}
/* Social Icons */
.terms-privacy-policy {
   list-style: none;
   padding: 0;
   float:left;
   font-size:10px;
   font-weight:bold;
}

.social-icon  {
	background:#8E908F;
	width:100px;
	height:50px;
}
.social-icon.linkedin {
	padding:0 10px 0 10px;
	width:120px;
}
/* Social Icons */
.social-icons {
   margin: 0 3% 0 0;
   list-style: none;
   padding: 0;
}
.social-icons li {
   display: inline-block;
	padding-left:7%;
}
.btn-social {
   padding: 2px 2px 1px;
}
.btn-social img {
   margin-bottom: 1px;
}
.btn-social a, .btn-social a:hover {
   text-decoration: none;
   color: #fff;
}

/* Buttons Colors */
.btn-facebook {
   background-color: #3c589d;
}
.btn-facebook:hover {
   background-color: #314982;
}
.btn-twitter {
   background-color: #2eaaf4;
}
.btn-twitter:hover {
   background-color: #2999db;
}
.btn-google {
   background-color: #333;
}
.btn-google:hover {
   background-color: #2a2a2a;
}
.btn-linkedin {
   background-color: #005180;
}
.btn-linkedin:hover {
   background-color: #013b5d;
}
.btn-vimeo {
   background-color: #1BB7EA;
}
.btn-vimeo:hover {
   background-color: #18a2cf;
}
.btn-youtube {
   background-color: #C81414;
}
.btn-youtube:hover {
   background-color: #ac1212;
}
.btn-flickr {
   background-color: #F1628B;
}
.btn-flickr:hover {
   background-color: #dc5e8a;
}
.btn-dribbble {
   background-color: #f26798;
}
.btn-dribbble:hover {
   background-color: #dc5e8a;
}
.btn-rss {
   background-color: #FE9900;
}
.btn-rss:hover {
   background-color: #dc8501;
}


/* =============================================================================
   15 - FAQ Pages
   ========================================================================== */

ul.faq-category-list, ul.question-list, ul.faq-single-list {
   list-style: none;
   padding-left: 0;
  margin-left: 0;
}
.faq-category-list {
  margin-bottom: 70px;
}
.faq-category-list > li {
  margin-bottom: 40px;
}
.faq-single-list {
  margin-bottom: 80px;
}
.faq-single-list li {
  margin: 0 0 22px 0;
}
.faq-single-list h4 {
  margin: 0;
}
.faq-category-list .faq-section-heading {
  margin-bottom: 18px;
}

.question-list a , .question-list a:hover {
  color: #222;
  line-height: 1.5em;
}

/* faq posts */
.question-detail-list .faq-section-heading {
  margin-top: 60px;
}
article.faq {
  margin-top: 40px;
}
article.faq h3 {
  margin-bottom: 20px;
}
.faq-content {
  padding: 0 0 15px 0;
}
/* accordion */
.faq-accordion .entry-title {
    cursor: pointer;
}
.faq-accordion .question-detail-list {
  margin-bottom: 60px;
}
.faq-accordion .faq-section-heading {
   margin-top: 0;
   margin-bottom: 30px;
}
article.faq {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
article.faq h3 {
  font-size: 22px;
  padding: 4px 0;
  margin: 3px 0;
}
.faq-accordion .faq-content {
  padding: 0 0 15px 43px;
}
.faq-accordion .faq-open span{
  /* background  : url(../img/minus.png) no-repeat center center; */
}
.faq-accordion .faq-close span{
  /* background  : url(../img/plus.png) no-repeat center center; */
}
.faq-accordion .faq-close span, .faq-accordion .faq-open span {
  background-color: #222;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  left: 0;
  top: 7px;
  margin-right: 12px;
}
.faq-accordion .faq-close span, .faq-accordion .faq-open span {
   background-color: #000!important;
}
.faq .faq-close span, .faq .faq-open span {
  background-color: #000!important;
}

.playlists .col-sm-4 {
	padding-left:10px;
	padding-right:10px;
	margin:0;
}
/* updated to make same left/right padding as rest of site */
.common-content .first {
	padding-left:0px;
	padding-right:0px;
	margin:0;
}

/* ==========================================================================
   16 - Media Queries
   ========================================================================== */

 /* one double quote, floated left of parent element (") */
.solo { position:absolute;left:-15px;top:0px; }

/* OUR MIN WIDTH 331 */
@media(max-width: 1200px){
	.home-founder { padding: 22px 20px 0 20px;}
	/* .home h1, #slider h1  { font-size:25px; margin-top:10px; line-height:1.4em; } */
	/* .home-slider  { width:450px; } */
	/* .container { width:700px; } */

	
	.actors-quote h1 { font-size: 44px; line-height: 1.2em; text-align:center; }
		.actors-quote li { padding-right: 10px; }
			.quoted-actors-name { top: -5px; }
	.common-content h2 { font-size: 55px; /* margin-top:40px; */ }
		.common-content p { font-size: inherit; line-height: inherit; }
	
	.solo { position:absolute; left:0; top:0px; }
	
}
@media(min-width:1201px) and (max-width:1300px){
	/* .home h1, #slider h1  { font-size:30px; margin-top:15px; line-height:1.4em; } */

	.actors-quote {
		padding:2px 0 0 50px;
		letter-spacing: 0.05em;
	}
	.actors-quote h1 { font-size: 45px; line-height: 1.2em; }
		.actors-quote li { padding-right: 40px; }
			.quoted-actors-name { top: -10px; }
	.common-content h2 { font-size: 36px; }
		.common-content p { font-size: 0.9em; line-height: 1.3em; }
		.home-actor-quote .col-sm-7 .common-content p { line-height:1.55; }
		.home-actor-quote .col-sm-7 { padding-left:30px; }

}
@media(min-width:992px) and (max-width:1199px) {
	/* .home h1, #slider h1  { font-size:40px; margin-top:10px; line-height:1.3em; } */

	.actors-quote {
		padding:2px 0 0 50px;
	}
	.actors-quote h1 { font-size: 45px; line-height: 1.3em; }
		.actors-quote li { padding-right: 40px; }
			.quoted-actors-name { top: -10px; }
	.common-content h2 { font-size: 50px; }
		.common-content p { font-size: 1.0em; line-height: 1.5em; }
	
}

@media(max-width:502px){
	/* .home h1, #slider h1  { font-size:25px; margin-top:2px; line-height:1.2em; } */
	/* .home-slider  { width:auto; } */
	.box {text-align:center;}
}

@media (max-width: 1200px) {
	.box { padding: 40px 0 10px; text-align:center; }
	.box-video-list { padding: 50px 25px 0; }
	.knowledge-base-row { margin-bottom: 0; }
	.kb-category { padding-bottom: 50px; }
	.main { float:none !important; margin-left:0; }
}

@media (max-width: 1200px) {
   /* Footer */
   footer .copyright, .footer-info nav, footer .social-icons { float: none; text-align: center; }
   footer .box { margin-bottom: 25px; text-align:center; }
}






/* select */


.btn:hover, .btn:focus {
	color:#FFF;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	opacity:0.8;

}
.search-select {
	padding-left:40px;
	padding-right:40px;
	padding-top: 22px;
}
.search-select .col-sm-9 {
	max-width:800px;
}
/* make items float over :before pseudo-class based backgrounds */
.header-search, footer {
	position:relative;
	z-index:1;
}
.search-select .form-search {
	max-width: 1065px;
	margin: 0 auto 0 auto;
}

.search-select .title {
   text-transform:uppercase;
   font-weight:normal;
	color:#fff;
	font-size:22px	;
	font-family: "OpenSansLight", sans-serif;
	white-space: normal;
	padding-top: 14px;
}
fieldset.GeneralInformationField {
	margin:0;
	display:block;
	font-size:14px;
	background:#E2E6E5;
	/* border: solid 11px #E2E6E5; */
	border:0;
	/*
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	*/
	z-index:100;
	/*margin:13px 4px 5px 10px;*/
	margin: 0 26px 20px 0;
	width:auto;
}

.sbHolder{
	border: 0;
	font-weight: normal;
	height: 55px;
	position: relative;
	width: 100%;
	font-weight:normal;
	font-family: Arial, sans-serif; 
	text-indent: 20px;
	letter-spacing:0.09em;
	padding:10px 0 16px 10px;
}

.sbSelector {
	font-size: 16px;
	display: block;
	height: 55px;
	left: 0;
	/* changed to fixed common custom css select line-heights */
	/* line-height: 55px; */
	line-height: 35px;
	outline: none;
	text-indent: 15px;
	top: 0;
	width: 183px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	text-align: left;
}
.User-Select .sbHolder, .User-Select .sbSelector {
	height: 100px;
	padding:0;
}
fieldset.GeneralInformationField.User-Select {
	margin: 0;
}
.sbHolder:focus .sbToggle:before {
	content:"\e114";
	display:inline-block;
	font-family:'Glyphicons Halflings';
	font-size:30px;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	color:#292929;

	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	transform:scale(1.1,0.7); /* W3C */
    -webkit-transform:scale(1.1,0.7); /* Safari and Chrome */
    -moz-transform:scale(1.1,0.7); /* Firefox */
    -ms-transform:scale(1.1,0.7); /* IE 9 */
    -o-transform:scale(1.1,0.7); /* Opera */	
	text-shadow: 0 0 1px rgba(0,0,0,0.5);

	text-decoration:none;
	color:#292929;
	/* background: url(../img/select-icons.png) 0 -167px no-repeat; */
	opacity: 0.5;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
	color: #858786;
	outline: none;
	text-decoration: none;
	font-family: "OpenSansLight", sans-serif;
	letter-spacing:0.01em;
	text-shadow: 0 1px 0px #858786;

}


.sbToggle {
	/* 
	background: url(../img/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 34px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	*/
	position:absolute;
	top:0px;
	right: 0px;
	padding:16px 20px 0px 20px;

}
.sbToggle:before {
	content:"\e114";
	display:inline-block;
	font-family:'Glyphicons Halflings';
	font-size:30px;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	color:#292929;

	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	transform:scale(1.1,0.7); /* W3C */
    -webkit-transform:scale(1.1,0.7); /* Safari and Chrome */
    -moz-transform:scale(1.1,0.7); /* Firefox */
    -ms-transform:scale(1.1,0.7); /* IE 9 */
    -o-transform:scale(1.1,0.7); /* Opera */	
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}

.sbToggle:hover, 
.sbToggle:active, 
.sbToggle:focus, 
.sbHolder:hover .sbToggle,
.sbHolder:active .sbToggle,
.sbHolder:focus .sbToggle {
	text-decoration:none;
	color:#292929;
	/* background: url(../img/select-icons.png) 0 -167px no-repeat; */
	opacity: 0.5;

   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.sbToggleOpen{
	/* background: url(../img/select-icons.png) 0 -16px no-repeat; */
}
.sbToggleOpen:hover{
	/* background: url(../img/select-icons.png) 0 -66px no-repeat; */
}
.sbHolderDisabled {
	background:#EEF2F1;
	border: 0;
}
.sbHolderDisabled .sbSelector {
	color:#EEF2F1;
}
.sbHolderDisabled .sbToggle:hover {
	/* background: url(../img/select-icons.png) 0 -116px no-repeat; */
}
.sbOptions{
	background-color: #E2E6E5;
	border:solid 1px #D2D2D2;
	list-style: none;
	left: -1px;
	margin: 0 0 1px 0;
	padding: 0 0 1px 0;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	z-index:10000;
	overflow: auto;
	font-weight:normal;
	font-size: 16px;
	text-align: left;

}
.sbOptions a {
	border-bottom: dotted 1px #E5E5E5;
	display: block;
	outline: none;
	padding: 7px 0 7px 0;
	text-shadow: 0 2px 1px #E5E5E5;
}
.user-select .sbOptions a {
	text-shadow: none;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #000;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	background:#CACACA;
	color: #808080;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;

}

.user-select .sbOptions a:link, .user-select .sbOptions a {
	padding-left:20px;
}
.user-select .sbOptions a:link, .user-select .sbOptions a:visited{
	color:#B9BBBA;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}



checkbox, img, div, span, label, fieldset, select, input[type=checkbox], button, input[type=text], input[type=email], input[type=date], input[type=number], textarea, fieldset input {
	outline: none;
}

.user-menu:before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width:100%;
}

.col-md-9{
	padding-right:0;
	padding-left:0;
	background:#E2E6E5;
	overflow:hidden;
}
.col-md-3.blog-sidebar, .user-menu {
	background: #000;
	z-index: 10000;
	padding: 0 0px 0 10px;
	margin: 0;
}
.user-menu {
	height: 2000px;
}
.user-menu-head {
	height:68px;
	max-height:68px;
}

.content-panel {
	margin:0;
}
.content-panel:before {
	content: " ";
	position: absolute;
	right: 0px;
	left: 0px;
	bottom: 0px;
	top: 0px;
	z-index: 0;
	background: #000;
}
.user-friend-activity .add-friend {
	right:10px;
}

.media.user {
	padding:0 0 5px 10px;
	font-size:14px;
	letter-spacing:0.01em;
	color:#868887;
}
.media.user:hover {
   opacity: 0.6;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.media.user b {
	color:#fff;
}
.media.user .col-sm-2.image div {
	max-height: 60px;
	overflow: hidden;
	min-width: 60px;
	min-height: 60px;
}
.media.user img {
	/*
	min-width:60px;
	min-height:60px;
	*/
}
.media.user .col-sm-10 {
	line-height:1.3em;
	padding-top:10px;
}

.media.user .media-body .smaller {
	font-size:14px;
}

ul.media-list {
	padding:40px 20px 35px 20px;
}
ul.dashboard-list li {
	list-style-type: none;
	clear:left;
}

.user-dashboard .col-lg-12, .user-friend-activity .col-lg-12 {
	padding:0;
}
.user-dashboard .col-sm-1 {
	padding-left:0;
	padding-right:0;
}
.dashboard-list .glyphicon-fire, .dashboard-list .fa-bookmark, .dashboard-list .fa-list, .dashboard-list .fa-star, .dashboard-list .fa-bar-chart-o, .dashboard-list .fa-pencil-square-o {
	color:#E3E7E6;
	font-size:40px;
	text-shadow: 0 0px 2px rgba(226,230,229,0.4);
}
.dashboard-list .glyphicon-fire {
	font-size:34px;
	padding-left:0px;
}
.dashboard-list .fa-bookmark {
	font-size:34px;
	position:relative;
	top:0px;
	left:-1px;
}
.dashboard-list .fa-list {
	font-size:28px;
	position:relative;
	top:5px;
	left:0px;
}
.dashboard-list .fa-star {
	font-size:31px;
	position:relative;
	top:3px;
	left:-1px;
}
.dashboard-list .fa-bar-chart-o {
	font-size:26px;
	position:relative;
	top:4px;
	left:0px;
}
.dashboard-list .fa-pencil-square-o {
	font-size:28px;
	position:relative;
	top:5px;
	left:2px;
}
ul.dashboard-list li:hover, ul.dashboard-list li:hover .dashboard-body {
	color:#000;
	cursor:pointer;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	text-shadow: none;
}
ul.dashboard-list li .fa, ul.dashboard-list li .glyphicon {
	/*
	position:relative;
	top:10px;
	*/
}
ul.dashboard-list li:hover .fa, ul.dashboard-list li:hover .glyphicon {
	color:#000;	
	text-shadow: 0 0px 1px rgba(0,0,0,0.4);
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
ul.dashboard-list li:hover .fa-star, ul.dashboard-list li:hover .fa-fire {
	color:#000;	text-shadow: 0 0px 2px rgba(0,0,0,0.8);
}

ul.dashboard-list {
	padding:11px 10px 45px 35px;
	font-family: "OpenSansLight", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
}
.dashboard-list .item {
	padding: 27px 0 27px 0;
	color: #E3E7E6;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 20px;
	background:#858786;
	/*
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
	/* min-width:349px; */
	width:100%;
}
.dashboard-list .item a {
	text-decoration: none;
	color: #E3E7E6;
	font-size: 20px;
	/*
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	*/
}

.user-select fieldset.GeneralInformationField, .user-select fieldset.GeneralInformationField ul {
	background:none;
}
.user-select fieldset.GeneralInformationField .sbOptions {
	background-color: #181818;
	border: solid 1px #181818;
}
.user-select fieldset.GeneralInformationField .sbSelector:link, .user-select fieldset.GeneralInformationField .sbSelector:visited, .user-select fieldset.GeneralInformationField .sbSelector:hover {
	background-color: #181818;
	border: solid 1px #181818;
}
.user-select fieldset.GeneralInformationField .sbToggle {
	/* with line-height in use: */
		/* padding:10px 0 16px 10px; */
	/* without line-height in use: */
		/* padding:6px 0 11px 10px; */
		padding:0;
	background:#E2E6E5;
	height:100px;
	max-height:100px;
	min-height:100px;
	width:100px;
	max-width:100px;
	min-width:100px;
}
.user-select fieldset.GeneralInformationField .sbSelector {
	color:#fff;
	font-family: "OpenSansLight", sans-serif; 
	font-size:30px;
	font-style:italic;
	font-weight:normal;
	max-height:100px;
	line-height:3.0em;
	margin:0;
	text-indent:0;
	height:100px;
	max-height:100px;
	min-height:100px;
}
.user-select fieldset.GeneralInformationField .sbHolder {
	text-indent:0;
}
.user-select fieldset.GeneralInformationField  .sbOptions {
	top:20px;
}
/*
.sbOptions a:link, .sbOptions a:visited {
	color:#B9BBBA;
}
*/
.user-select fieldset.GeneralInformationField  .sbOptions,
.user-select fieldset.GeneralInformationField  .sbOptions a:hover,
.user-select fieldset.GeneralInformationField  .sbOptions a:focus,
.user-select fieldset.GeneralInformationField  .sbOptions a.sbFocus{
	background:#181818;
	color:#fff;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	font-family: "OpenSansLight", sans-serif; 
	font-size:24px;
	font-style:italic;
	font-weight:normal;
}

.user-select fieldset.GeneralInformationField .sbToggle:before {
	/* 
	content: ">";
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-size: 44px;
	font-weight:bold;
	font-style: normal;
	line-height: normal;
	margin:14px 7px 16px 7px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(90deg) scale(0.6,1.9);
	-webkit-transform: rotate(90deg) scale(0.6,1.9);
	-moz-transform: rotate(90deg) scale(0.6,1.9);
	-ms-transform: rotate(90deg) scale(0.6,1.9);
	-o-transform: rotate(90deg) scale(0.6,1.9);
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	position:relative;
	top:0;
	left:0;
	*/
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	text-shadow: none;
	content:url(/img/user-menu-arrow.png);
	position:relative;
	float:right;
	top:0px;
	margin:0;
	padding:0;
	/* right: 16px; */
	/* max-width:100px; */
}
.user-select fieldset.GeneralInformationField .sbToggle:after {
	/* content:url(/img/temp/user-profile-photo.jpg); */
	position:absolute;
	left:-120px;
	top:0px;
	z-index:2000;
	width:100px;
	height:100px;
}


.user-select fieldset.GeneralInformationField .sbToggleGripless:before {
	/* content: url(/img/temp/user-profile-photo.jpg); */
	position:absolute;
	right:5px;
	top:0px;
	z-index:2000;
	width:120px;
	height:100px;
}

.user-select fieldset.GeneralInformationField:hover .sbToggleGripless:before {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	opacity:0.8;
}
/* hide first item from user-select list, the main select list, since the first item is actually the user's full name, and we don't want it to be a selectable option */
.user-select  fieldset.GeneralInformationField .sbOptions li:first-child {
	display:none;
}

.user-icons .col-sm-3:hover .data, 
.user-icons .glyphicon-bell:hover, 
.user-icons .tabbable:hover .fa-envelope
{
	opacity: 0.6;
	color:#fff;
   	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}



@media(max-width:1229px){
	.container { width:auto; }
	.navbar>.container .navbar-brand {
		/* 
		margin-left:75px;
		margin-right:12px;
		*/
	}
}

.container { width:auto; }
/* not sure why I had this here, so remove it could be iboard */
/*
@media (min-width: 1230px) {
	.container { width:auto; padding-left:50px; }
}
*/


/* form starts stacking at 1220px full-width */

@media(max-width:1380px){
	.advanced-search {
		margin:0;
		width:130px;
		left:20px;
		text-align:center;
		position:absolute;
		padding:0;
		top:58px;
		font-size:13px;
		color:#D1D1D1;
	}
}
@media(max-width:1500px){
	.search-select .title {
		font-size:23px;
	}
}
@media(max-width:1800px){
	.search-select .title { margin: 3px 10px 20px -14px; }
	fieldset.GeneralInformationField {margin:0 10px 20px 0;}
}






/* WAS 1180 */
@media(max-width:1220px){
	.col-md-9.blog-sidebar{
		width:100%;
	}
	
	/* navbar hardened min-width is 360px, but we still allow for smaller sizing by a few pixels, before hiding and hardening to this */
	.col-md-3.blog-sidebar{
		width:100%;
		position:relative;
		right:0;
		top:0;
		margin:0 auto 0 auto;
		/* display:none; */
	}
}
@media(min-width:1221px) and (max-width:1679px){
	.col-md-9.blog-sidebar{width:71%;}
	.col-md-3.blog-sidebar{width:29%;}
}
@media(min-width:1680px) and (max-width:1899px){
	.col-md-9.blog-sidebar{width:70%;}
	.col-md-3.blog-sidebar{width:30%;}
}
@media(min-width:1900px){
	.col-md-9.blog-sidebar{width:68.5%;}
	.col-md-3.blog-sidebar{width:31.5%;}

	/* size up our icon area, to fit width of bar, two sizes (smaller / larger (600px for 1900px))*/
	.col-md-3.size-2 { width:16.666666666666664%; }
	.col-md-3.size-5 { width:41.66666666666667%; }	
	.col-md-3.size-1 { width:8.333333333333332%; }

	.row .col-md-3{
		padding-left: 2%;
	}
	.user-icons {
		padding-left: 3%;
		margin-right: -5%;
	}
	.row .user-dropdown {
		padding-left:0%;
	}

	/*
 3 3 2 2 2 for smaller
 2 2 5 1 2 for larger
	larger
	2 	16.666666666666664%
	5	41.66666666666667%
	1	8.333333333333332%
*/


	.user-friend-activity .add-friend {
		right:24px;
	}
	.hide-for-small {
		display:inline-block;
		
	}
	.media.user {
		padding:0 0 5px 20px;
		font-size:18px;
		color:#868887;
		letter-spacing:0.01em;
	}
	.media.user .col-sm-10 {
		padding:6px 13% 0 .5%;
	}

}

	/* .col-md-3{ max-width:600px; } */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.navigation-less-document h2:first-child {
	font-size:48px;
	margin-top:0;
	padding:32px 0 14px 0;
	letter-spacing:0.03em;
	top:0;
}

.common-form  .row {
	margin:0;
	padding:0;
}
.common-form .login-facebook, .common-form .login-google, .common-form .login-th {
	color:#fff;
	font-size:30px;
	padding:14px 0;
	text-align:center;
	width:432px;
	letter-spacing:0.005em;
}
.common-form .login-facebook {
	background-color:#249BC6;
	margin:8px 0;
}
.common-form .login-google {
	background-color:#D84234;
	margin:24px 0 10px 0;
}
.login-form-input-area, .signup-form-input-area {
	margin: 44px 0 0 0;
	background:#D0D4D3;
}
.signup-form-input-area {
	/*
	padding-top: 40px;
	margin-top: 27px;
	*/
}
.questionnaire .signup-form-input-area {
	padding-bottom: 45px;
	min-height:200px;
}
.login-form-input-area.common-input-area, .signup-form-input-area.common-input-area {
	margin: 8px 0 0 0;
	padding: 34px 0 0 0;
}
input[type="text"].common-form-input, input[type="password"].common-form-input {
	height:57px;
	max-height:57px;
	width:432px;
	background:#E2E6E5;
	outline:none;
	padding:0 20px;
	margin:13px 0 0 0;
	font-size:16px;
}


.input-halfsies {
	max-width:432px;
	margin:0 auto 0 auto;
}
.input-halfsies div {
	width:49%;
	max-width:216px;
}
.input-halfsies .left {
	float:left;
}
.input-halfsies .right {
	float:right;
}
.signup-form-input-area input[type="text"].common-form-input.halfsies, 
.signup-form-input-area input[type="password"].common-form-input.halfsies {
	width:100%;
	max-width:210px;
}

.search-select input[type="text"].common-form-input {
	margin:0;
}
textarea.common-form-input {
	height:200px;
	max-height:200px;
	width:100%;
	background:#E2E6E5;
	outline:none;
	padding:15px 20px;
	margin:13px 0 0 0;
	font-size:20px;
}

.login-form-input-area input#email_address {
	margin:16px 0 0 0;
}

.badge-large {
	padding:20px 10px 20px 10px;
	cursor:pointer;
}
.circle-OR, .badge-wrapper {
	position:relative;
	margin-top:-34px;
	width: 68px;
	height: 68px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.92;
	padding:20px 0;
	color:#fff;
	font-size:24px;
	text-shadow:1px 0px 1px rgba(255,255,255,0.2);
}
.badge-wrapper {
	margin-top:0;
	padding-top:55px;
	width:155px;
	height:155px;
	text-transform:lowercase;
	font-size:18px;
}
.badge-wrapper div {
	padding:0 20px 20px 20px;
}
.badge-wrapper.incomplete {
	background-color: #D1D1D1;
	background-image: url('/img/Badges/badge_default.png');
	background-size: contain;
}

#badges .a-badge {
	margin:0;
	float:left;
	width:25%;
	padding-left:20px;
	min-width:200px;
}
.badge-large:hover .badge-wrapper,
.badge-large:active .badge-wrapper,
.badge-large:focus .badge-wrapper,
.badge-large:hover .badge-name,
.badge-large:active .badge-name,
.badge-large:focus .badge-name{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
   	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.badge-name {
	text-align:center;
	width:155px;
	font-weight:bold;
}

.circle-play-icon {
	width: 40px;
	height: 40px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #aaa;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #ccc;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 5px 0 0 -25px;
	padding-bottom: 3px;
	padding-right: 1px;
	padding-left: 2px;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}
.circle-play {
  border-radius: 25px !important;
}



/* login 'remember me', MUST: float:left; */
#RememberMe fieldset.GeneralInformationField, 
#AgreeToTerms fieldset.GeneralInformationField, 
#AgreeToTermsPrompt fieldset.GeneralInformationField, 
#EmailOptIn fieldset.GeneralInformationField, 
#Advanced-Search-Page fieldset.GeneralInformationField {
	background:transparent;
	float:left;
	position:relative;
	text-align:left;
}
.user-settings fieldset.GeneralInformationField {
	background:transparent;
	float:left;
	text-align:left;
}
.user-settings fieldset.GeneralInformationField.select {
	background:#E2E6E5;
}
#RememberMe .CheckboxLabel, 
#AgreeToTerms .CheckboxLabel, 
#AgreeToTermsPrompt .CheckboxLabel, 
#EmailOptIn .CheckboxLabel, 
#Advanced-Search-Page .CheckboxLabel,
.user-settings  .CheckboxLabel {
	font-size:18px;
}
#RememberMe .LeftBorderDivider, 
#AgreeToTerms .LeftBorderDivider, 
#AgreeToTermsPrompt .LeftBorderDivider, 
#EmailOptIn .LeftBorderDivider, 
#Advanced-Search-Page .LeftBorderDivider,
.user-settings .LeftBorderDivider {
	float: none;
	border-left: solid 5px transparent;
	/* padding:11px 0 0 4px; */
	padding:13px 0 0px 34px;
	letter-spacing:0.01em;
}
.user-settings .LeftBorderDivider {
	padding:5px 0 0 36px;
	line-height:1.6em;
	float: left;
}
#Advanced-Search-Page span.labelclass {
	line-height:1.4em;
	font-weight:bold;
}
#RememberMe .CommonCheckbox, 
#AgreeToTerms .CommonCheckbox, 
#AgreeToTermsPrompt .CommonCheckbox, 
#EmailOptIn .CommonCheckbox, 
#Advanced-Search-Page .CommonCheckbox,
.user-settings  .CommonCheckbox {
	margin:8px 7px 6px 0;
}
#Advanced-Search-Page .CommonCheckbox,
.user-settings  .CommonCheckbox {
	margin:8px 3px 6px 0;
}
#RememberMe .CommonCheckbox label, 
#AgreeToTerms .CommonCheckbox label, 
#AgreeToTermsPrompt .CommonCheckbox label, 
#EmailOptIn .CommonCheckbox label, 
#Advanced-Search-Page .CommonCheckbox label,
.user-settings .CommonCheckbox label {
	/* background: #fcfff4; */
	background:transparent;
	filter: none;
	width:27px;
	height:29px;
	text-align:left;
}
#RememberMe .CommonCheckbox label:after, 
#AgreeToTerms .CommonCheckbox label:after, 
#AgreeToTermsPrompt .CommonCheckbox label:after, 
#EmailOptIn .CommonCheckbox label:after, 
#Advanced-Search-Page .CommonCheckbox label:after,
.user-settings .CommonCheckbox label:after { 
	right: 3px;
	top: 3px;
	left: 3px;
	bottom: 3px;
	background: #3D3D3D;
	width:auto;
	height:auto;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	border:0;
	background:rgba(61,61,61,0.8);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: rgba(61,61,61,0.1) 1px solid;
}
#RememberMe .CoolTypeSelector, 
#AgreeToTerms .CoolTypeSelector, 
#AgreeToTermsPrompt .CoolTypeSelector, 
#EmailOptIn .CoolTypeSelector, 
#Advanced-Search-Page .CoolTypeSelector,
.user-settings .CoolTypeSelector {
	width:30px;
}
#AgreeToTerms .CoolTypeSelector {
	padding-left:2px;
}
#AgreeToTermsPrompt .CoolTypeSelector {
	padding-left:2px;
}
#EmailOptIn .CoolTypeSelector {
	margin-right:-2px;
}
#RememberMe .CommonCheckbox label {
	left:2px;
}

#AgreeToTerms, #AgreeToTermsPrompt, #EmailOptIn {
	max-width:216px;
	float:left;
}
#AgreeToTermsPrompt {
	max-width:432px;
}
#EmailOptIn, #EmailOptIn  fieldset.GeneralInformationField, #EmailOptIn .CoolTypeSelector {
	/* float:right; */
}

#RememberMe  fieldset.GeneralInformationField, 
#AgreeToTerms  fieldset.GeneralInformationField,
#AgreeToTermsPrompt fieldset.GeneralInformationField {
	background: transparent;
}
#AgreeToTerms .CheckboxLabel, 
#AgreeToTermsPrompt .CheckboxLabel, 
#EmailOptIn .CheckboxLabel {
	padding: 0 0 0 30px;
	line-height:1.3em;
	position:relative;
	top:-2px;
	font-size:14px;
}
#EmailOptIn .CheckboxLabel {
	/* text-align:right;
	padding: 0 30px 0 0;
	margin:0;
	*/
}
#AgreeToTerms  fieldset.GeneralInformationField,
#AgreeToTermsPrompt fieldset.GeneralInformationField
 {
	/* max-width:430px; */
}
#AgreeToTerms .LeftBorderDivider, 
#AgreeToTermsPrompt .LeftBorderDivider, 
#EmailOptIn .LeftBorderDivider {
	padding: 0px;
}

#AgreeToTerms .LeftBorderDivider a,
#AgreeToTermsPrompt .LeftBorderDivider a
 {
	color:#000;
	font-weight:bold;
}

.common-form .common-link, .login-form .common-link {
	float:right;
	margin:18px 1px 18px 0;
	font-style:italic;
	font-size:18px;
	letter-spacing:0.001em;
}
.common-form .common-link a, .login-form .common-link a {
	color:#000;
}
.common-form .submit-button {
	height:57px;
	max-height:57px;
	width:432px;
	background:#838786;
	margin:-4px 0 0 0;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	outline:none;
}

.common-form .submit-button:disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.common-form .submit-submit-button {
	margin-top:20px;
}

.common-form .not-footer {
	border-top:#999D9C 1px solid;
	padding:27px 0;
	font-size:24px;
	letter-spacing:0.01em;
}

.common-form .not-footer a, .common-form .not-footer a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.common-form .validation-errors {
	padding-bottom:20px;
}


.fa-tumblr-square, .fa-twitter-square, .fa-facebook-square, .fa-google-plus-square {
	color:#fff;
	font-size:450%;
}

.fa-instagram:active, 
.fa-instagram:hover, 
.fa-instagram:focus, 
.fa-youtube-square:active, 
.fa-youtube-square:hover, 
.fa-youtube-square:focus, 
.fa-tumblr-square:active, 
.fa-tumblr-square:hover, 
.fa-tumblr-square:focus, 
.fa-twitter-square:active, 
.fa-twitter-square:hover, 
.fa-twitter-square:focus, 
.fa-facebook-square:active,
.fa-facebook-square:hover,
.fa-facebook-square:focus, 
.fa-google-plus-square:focus,
.fa-google-plus-square:active,
.fa-google-plus-square:hover{
	color:#838786;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}




.error {
	color:#DD5555;
}
#FriendSearchResults, #SearchResults {
	display:none;
	padding-left:4.5%;
	padding-right:4.5%;
	padding-bottom:4.5%;
}
.back-link span {
	float:left;
}
.playlists .row .back-link {
	padding-top:45px;
	padding-bottom:0;
}
#FriendSearchResults .heading, #SearchResults .heading {
	padding-bottom:32px;
	padding-left:0;
	padding-top:13px;
}
#FriendSearchResults .heading h2, #SearchResults .heading h2 {
	margin-bottom:0;
	top:0;
}
#FriendSearchResults .main-content, #SearchResults .main-content {
	padding:0;
}


/* common layout derrived from FRIENDS layout */
.common-content .heading  h2 {
	/* font-size:48px; */
	font-size:36px;
	letter-spacing:0.02em;
}
.common-submit-button {
	border:0;
	height: 55px;
	max-height: 55px;
	width: 100%;
	background: #838786;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	outline: none;
}
.common-submit-button:hover {
	background:#000;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.translucent-box {
	background-color:#EEF2F1;
	/*
	padding:2% 3%;
	margin: 0 1%;
	width:31.3%;
	*/
	min-height:360px;
	/* overflow-x:auto; */
	padding:6.5% 8%;
}
.friends-left-pane .translucent-box {
	width: 97.5%;
	margin-left: 10px;
	padding: 20px 45px;
  	min-height: 100px;
}
.translucent-box.white{ 
	background-color:#FAFEFD;
}
.translucent-box.white .transparent {
	background-color:transparent;
}
.translucent-box.questionnaire {
	min-height:0;
	background-color:rgba(238,242,241,0.3);
	padding:25px 8px 8px 20px;
	position:relative;
	/* relevant to the logo watermark on this class of layer, bottom-right */
	min-height:90px;
}
/* logo watermark, bottom-right */
.translucent-box.questionnaire:before {
	content: url('/img/gallery/logo-black-transparent-mini.png');
	position: absolute;
	right: 16px;
	bottom: 13px;
	z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
	filter: alpha(opacity=5);
	opacity: 0.05;
}
.questionnaire button.mini-transparent-logo-black:after {
	content: 'OK';
	letter-spacing:0.0001em;
	color: #FFF;
	font-family: "OpenSansLight", sans-serif;
	font-style:italic;
	left: -1px;
	position: relative;
}
.questionnaire button.mini-transparent-logo-black {
	background:url('/img/gallery/logo-black-transparent-mini-blank.png');
	width:50px;
	height:50px;
	border:0;
	margin:0;
	padding:0;
	top: 16px;
	right: 7px;
	position:relative;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.80;
	z-index:2;
}
.questionnaire button.mini-transparent-logo-black:hover,
.questionnaire button.mini-transparent-logo-black:focus,
.questionnaire button.mini-transparent-logo-black:active
 {
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	opacity: 0.95;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.translucent-box.questionnaire.completed:before {
	content:'';
}
.user-settings .translucent-box {
	padding:0;
	min-height:0;
}
.user-settings .translucent-box .box {
	padding:0;
	padding:5px 5px 5px 15px;
}
.translucent-box h1 {
	float:left;
	font-family: "OpenSansLight", sans-serif; 
	color:#828685;
	font-weight:normal;
	font-style:italic;
	font-size:34px;
	letter-spacing:0.05em;
}
.translucent-box h1 span{
	float:left;
	font-size:46px;
	font-weight:bold;
}
.translucent-box p {
	float:left;
	line-height:1.4em;
	letter-spacing:0.01em;
}


/* FRIENDS layout optimized for 1900w, mock-up design sizing */
.playlists.friends {
	padding:0;
	margin:0;
}

/* padding bottom added to give us proper padding bottom for /talent/ */
.playlists.small-pad-top {
	padding-top:8px;
	padding-bottom:15px;
}
.playlists.friends .friends-right-pane .col-sm-4 {
	padding:0;
	text-align:center;
}
.container.no-bottom-border {
	border-bottom:none;
}
.friends .container {
	border:0;
	padding:0;
	margin:0;
}
.friends .main-content {
	/* padding:0 0 33.15% 0; */
	/* min-height:1000px; */
}
.friends .heading {
	padding-top:45px;
	/* padding-left:37px; */
	padding-bottom:45px;
}
.friends-left-pane {
	float:left;
	width:70%;
	padding:0 45px;
	z-index:1;
}

.support-left-pane {
	float:left;
	width:70%;
	padding:0 1.4%;
	z-index:1;
}

.friends-right-pane {
	right: 0;
	width: 30.001%;
	background: /*#373B3E*/;
	padding: 58px 2.45% 0 2.45%;
	z-index: 9;
	position: absolute;
}
.friends .friends-right-pane h2 {
	font-size:36px;
	text-transform:none;
	letter-spacing:0.05em;
	margin-bottom:0;
	padding-bottom:19px;
	float:left;
	top:0;
	z-index:1;
}

.friends .friends-right-pane .breakrow {
	padding-top:32px;
}
.friends-right-pane .common-submit-button {
	width: 30.5%;
	margin-left:69.5%;
	text-transform:uppercase;
}
.friends-right-pane .common-submit-button.contact-support {
	width: 75%;
	margin:0;
}


.friends-right-pane input[type="text"].common-form-input {
	width:100%;
	height:55px;
	margin:0 0 6px 0;
}


.friends .common-content {
	padding:0;
	margin:0;
}


.friends .left-pane-heading {
	background:#838786;
	padding:0 4% 4% 4%;
}
.friends .left-pane-heading .heading {
	padding-bottom:0;
	padding-left:0;
}
.friends .left-pane-heading p, .friends .left-pane-heading h2 {
	color:#E2E6E5;
}

.friends-left-pane .main-content {
	padding:45px;
}
.support-left-pane .main-content {
	padding:0% 4%;
}

.translucent-box input[type="text"].common-form-input {
	width:100%;
	height:55px;
	margin-bottom:10px;
}
.user-settings .translucent-box input[type="text"].common-form-input {
	margin:0;
	max-height:50px;
	font-size:16px;
	font-weight:bold;
	color:rgba(73, 77, 76, 1.0); /* #494D4C */
}
.translucent-box .submit-button {
	width:100%;
}
.translucent-box.contact-form {
	position:relative;
	top:-18px;
}

.user-settings .main-content .row:first-child .translucent-box {
	padding-top:12px;
}
.user-settings .main-content .row:last-child .translucent-box {
	padding-bottom:5px;
}
.friends .friends-right-pane .cant-find-answer h2 {
	padding-bottom:23px;
	color:#FFF;
	font-size:22px;	
	font-style:normal;
	letter-spacing:0.01em;
}

.col-sm-6.faq {
	padding-bottom:80px;
}
.faq .row {
	padding-left:3%;
	padding-right:3%;
}
.faq .row h3 {
	text-transform: uppercase;
	font-size: 25px;
	position: relative;
	top: -13px;
	padding-left: 20px;
}
.faq li {
   list-style: square;
   color:#A5A9A8;
   size:10px;
   padding-bottom:3px;
}
.faq li a {
	color:#535756;
	font-size:20px;
	letter-spacing:0.001em;
	font-weight:normal;
}
.box.knowledgebase {
	padding-left:32px; 
	padding-right:32px;
}

.box.knowledgebase .row:last-child {
	padding-top:50px;
}
.box.knowledgebase p {
	line-height:1.4em;
}
.box.knowledgebase .main-content {
	padding-bottom:0;
}

.playlists-button.more {
	padding-top:40px;
}

.playlists .playlist-panel {
	padding:10px;
}
.playlists .playlist-panel .row{
	padding:15px;
	background:#EEF2F1;
}

.playlists .playlist-panel .content-area {
	vertical-align:middle;
}

.playlists .playlist-panel a {
	color:#000;
	text-decoration:none;
}
 .playlists .playlist-panel .min-height {
	padding:20px 0 20px 0;
	min-height:130px;
	max-height:130px;
	overflow-y:auto;
	vertical-align:middle;
 }
 
 .playlists .curated-name {
	font-weight:bold;
	text-shadow: 0 2px 1px #535756;
}

.faq li a:hover, .playlists .playlist-panel:hover {
	text-decoration:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	cursor:pointer;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.playlists .playlist-panel .common-play-button {
	top:15px;
	left:0;
	width:100px;
	height:100px;
	background-color:#C7CBCA;
}

.playlists .playlist-panel .common-play-button .glyphicon {
	font-size:60px;
	padding:18px 0 0 5px;
	color:#EEF2F1;
}

.friends .playlist-panel .row, .friends .playlist-panel .col-sm-3, .friends .playlist-panel .col-sm-10 {
	padding:0;
}
.friends .playlist-panel .user-panel {
	padding:19px;
}
.common-add-button {
	float:right;
	background:#838786;
	width:59px;
	height:59px;
	padding:15px;
	margin:24px 24px 22px 24px;
}
.common-add-button .squared-plus {
	color:#fff;
	font-weight:normal;
	font-size:50px;
}
.common-add-button.minus {
	padding:5px 10px;
}
.common-add-button.minus .squared-plus {
	color:#fff;
	font-weight:normal;
	font-size:120px;
}

.back-link {
	cursor:pointer;
}
.friends .playlist-panel div.user-profile-link {
	max-height:105px;
	max-width:105px;
	overflow:hidden;
}
.friends .playlist-panel  img {
	width:100%;
	height:100%;
	min-width:105px;
}
.friends .glyphicon-play {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	margin:5px;
}

a.read-more-link {
	color:#000;
	font-size:20px;
	font-weight:bold;
}

.news .heading {
	padding-top:45px;
	padding-bottom:23px;
}
.news a {
	cursor:pointer;
}

.news .box p {
	margin-bottom:0;
}
.news .col-sm-10 {
	padding-left:0px;
	padding-right:0px;
}
.news-date {
	background-color:#000;
	float:right;
	border: 1px solid #000;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   color:#fff;
   text-align:center;
   padding:5px 10px;
   margin-right:20px;
   position:relative;
   top:-12px;
   left:-20px;
}
.news-date-container:before {
	content: "\e072";
	display:block;
	font-family:'Glyphicons Halflings';
	color:#000;
	font-size:40px;
	font-style:normal;
	font-weight:100;
	line-height:1;
	top:10px;
	right:24px;
	position:absolute;
	text-decoration:none;
	text-shadow: 0 0px 1px rgba(142,144,143,1.0);
	transform:scale(1.0,1.6); /* W3C */
    -webkit-transform:scale(1.0,1.6); /* Safari and Chrome */
    -moz-transform:scale(1.0,1.6); /* Firefox */
    -ms-transform:scale(1.0,1.6); /* IE 9 */
    -o-transform:scale(1.0,1.6); /* Opera */
}
.news-date  .month {
	text-transform:uppercase;
	font-size:18px;
}
.news-date  .day {
	font-weight:bold;
	font-size:38px;
}
.news-date  .year {
	font-size:12px;
}

.news .box-left .row:last-child {
	padding-bottom:40px;
}

.news .back-link {
	/* padding: 45px 0 0 0; */
}

.bordertop {
	margin:0;
	border-top:#000 1px solid;
}

.row.heading.press-releases {
	padding-top:30px;
}


.playlists.notes .playlist-panel .min-height {
	padding:0;
	min-height: 120px;
	max-height: 120px;
}

.search-playlists button, .search-videos button {
	background:#434746;
	font-size:16px;
	padding:16px;
	max-height:55px;
}

#Advanced-Search-Page input[type="text"].common-form-input {
	margin:0 0 0 15px;
}

#Advanced-Search-Page .search-select .title {
	margin: 18px 40px 20px 0;
}


#Advanced-Search-Page .left-pane {
	float: left;
	z-index: 9;
	width: 26.001%;
	padding: 58px 2.45% 0 2.45%;
}
#Advanced-Search-Page .right-pane {
	z-index: 1;
	right: 0;
	width: 74%;
	padding: 0 1.4%;
	background: /*#373B3E*/;
	position:relative;
	float:right;
}


#Advanced-Search-Page .playlist-panel img {
	max-height:100%;
	max-width:100%;
}

#Advanced-Search-Page h2 {
	top:0;
}
#Advanced-Search-Page .left-pane {
	padding-left:2.45%;
	padding-right:2.45%;
}

#Advanced-Search-Page .left-pane h3 {
	font-weight:normal;
	text-shadow: 0 1px 1px #121212;
	color: #121212;
	position:relative;
	z-index:1;
	font-family: "OpenSansLight", sans-serif;
}

#Advanced-Search-Page .row.search-options-heading {
	padding:18px 5px 0 5px;
}


#Advanced-Search-Page .search-options .CommonCheckbox label, 
#Advanced-Search-Page .search-options .CommonCheckbox label:after,
.user-settings .CommonCheckbox label,
.user-settings .CommonCheckbox label:after {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
	
}

#Advanced-Search-Page .row.search-options {
	padding-left:8px;
}

#Advanced-Search-Page fieldset.GeneralInformationField {
	padding:0;
	margin: 1px 0 1px 0;
	letter-spacing:0.01em;
	line-height:1.3em;
}
#Advanced-Search-Page .CheckboxLabel {
	font-size:15px;
}

#Advanced-Search-Page .right-pane fieldset.GeneralInformationField {
	background:#FFF;
}

#Advanced-Search-Page .right-pane .col-sm-8 {
	width:auto;
}

#Advanced-Search-Page .playlists .container {
	border:0;
}
#Advanced-Search-Page .left-pane {
	padding-top:0;
}
#Advanced-Search-Page .playlists.advanced-search-results, #Advanced-Search-Page .playlists.advanced-search-results  .common-content{
	padding:0;
	margin:0;
}
#Advanced-Search-Page .playlists .playlist-panel p{
	line-height:1.5em;
}

#Advanced-Search-Page .playlists .playlist-panel:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

}
#Advanced-Search-Page .playlists .playlist-panel:hover .row {
	background:#2B2F2E;
}
#Advanced-Search-Page .playlists .playlist-panel:hover p, #Advanced-Search-Page .playlists .playlist-panel:hover a {
	color:#FFF;
}

#Advanced-Search-Page .search-showing, #Advanced-Search-Page .search-sortby {
	font-size:26px;
	font-weight:normal;
	text-transform:uppercase;
	color:#4E5251;
	padding-top:15px;
	/* thicker/softer font appearance */
	text-shadow: 0 1px 1px #4E5251;
}
#Advanced-Search-Page .search-sortby {
	padding-right:15px;
}
#Advanced-Search-Page .search-showing span {
	font-weight:bold;
}
.common-button.search-icon-button {
	padding:0 0 0 3px;
}
.common-button.search-icon-button button {
	padding:9px 10px 0 9px;
	margin:0;
}
.common-button.search-icon-button button span {
	font-size:40px;
	color:#E5E9E8;
}

.page-header.navbar {
	padding:0;
}


.header.data {
	font-size: 30px;
	font-weight:bold;
	color:#E2E6E5;
	text-align:center;
   font-family: "OpenSansBold", sans-serif; 
}
.header.title {
	font-size: 12px;
	font-weight: bold;
	color: #858786;
	letter-spacing: 0.01em;
	text-align: center;
	line-height: 2.1em;
}



.main-menu-following, .main-menu-followers {
	position:relative;
	top:-1px;
}



















.first100 {
	min-height:100px;
}












.form-submission-results {
	height: 45px;
	max-height: 45px;
	min-height: 45px;
}
.form-submission-results.overlay  {
	position:absolute;
	width:100%;
}
.form-submission-results.overlay .action-form-message {
	position:relative;
	top:12px;
	left:-3px;
	width:424px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	font-size:14px;
	height:47px;
	max-height:47px;
	overflow:hidden;
	/* helps hide overflow text */
	line-height:2.0em;
}

.action-form-message {
	padding: 5px;
	border: 1px dashed #AAB19E; 
	color: #000; 
}
.action-form-message.error, .common-form-input.error , form .action-form-message.form-error { 
	background: #F5CCCC;
	border: 1px dashed #E98D8D;
}
.action-form-message.info { 
	background: #D6EDD4 ; 
}
.action-form-message.optin { 
	background: #F9F9F9 ; 
}
.action-form-message.time {
	background: #F9F9F9 ; 
}
.action-form-message.attempting, form .action-form-message.form-saved-successfully {
	background: #D6EDD4 ; 
}
form .action-form-message.form-saved-successfully, form .action-form-message.form-error {
	margin-top:26px;
	padding:10px 25px;
}
.form-submission-results {
	padding: 4px 0 0 2px; 
	width: auto; 
	display: block; 
	text-align: center; 
	font-size: 16px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	margin: 2px; 
	font-weight: normal;
}

.form-submission-results.login {
	width: 432px;
}


.common-form fieldset.GeneralInformationField {
	margin:6px 0 6px 0;
}

/* erroneous is temporary state */
input[type="text"].common-form-input.erroneous, input[type="password"].common-form-input.erroneous { 
	color: #DE5454;
}
/* just a placeholder for document loadtime processing data */
.validation-errors {
	display:none;
}

.form-instructions {
	max-width:532px;
	margin:0 auto 0 auto;
	text-align:left;
}

.success-logo img {
	padding:0 40px 40px 40px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.success-logo img:hover, .success-logo img:focus {
	cursor:pointer;
	padding:0 36px 36px 36px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.user-settings .form-components {
	padding: 0;
}
.user-settings label {
	cursor:pointer;
}
.user-settings .form-components label {
	width: 100%;
	background: #E8ECEB;
	text-align: right;
   font-weight:bold;
   font-family: Arial, "OpenSansLight", sans-serif; 
   margin:0;
   text-transform:uppercase;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user-settings .form-components label.large-double {
   padding:5px 20px;
	height: 110px;
}
.user-settings .form-components label.regular-single {
   padding:0 20px;
	height: 78px;
}
.user-settings .form-components label.regular-double {
   padding:0 20px;
	height: 78px;
}
/* for testing view, easier to denote state */
.user-settings.testing .form-components label,
.user-settings.testing .common-button button,
.user-settings.payment.testing .translucent-box .common-button button,
.testing .common-button button {
	background: rgba(202,184,23,0.8);
	color:#494D4C;
}


.user-settings .form-components label div {
   width:100%;
   float:right;
   clear:right;
}
.user-settings .form-components label span,
.user-settings .form-components label h3,
.user-settings .form-components .input label
{
  color: rgba(73, 77, 76, 1.0); /* #494D4C */
}
.user-settings .form-components label:hover span,
.user-settings .form-components label:hover h3,
.user-settings .form-components .input label
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.user-settings .form-components .label-optional {
	text-transform:none;
	clear:left;
	float:right;
	font-size:13px;
 }
 .user-settings .form-components .label-error, .user-settings .form-components .label-helper {
	font-size:10px;
	float:right;
	clear:left;
	color:#DD5555;
	padding-top:5px;
	text-transform:none;
	letter-spacing:0.01em;
 } 
 .user-settings .form-components .label-error {
	font-size:14px;
	color:#494D4C;
	font-weight:normal;
	font-style:italic;
 }
 .user-settings .form-element-area {
	padding:0 30px 0 35px;
}
.user-settings .form-element-area .input.large {
	padding:23px 0 18px 0;
}
.user-settings .form-element-area .input.regular {
	padding:13px 0 40px 0;
}
.user-settings .form-element-area .input.stacked {
	padding:0 0 13px 0;
}
.user-settings .row.main-content{
	padding:10px;
}
.user-settings.payment fieldset.GeneralInformationField {
	margin:0;
}
.user-settings .section-title {
	width: 100%;
	text-align: left;
	margin:0;
	padding-left:30px;
}
.user-settings .section-title h3 {
   font-family: "OpenSansLight", sans-serif; 
   font-size:20px;
   font-weight:300;
   text-transform:uppercase;
   color:#838786;
   letter-spacing: 0.1em;
   text-shadow: 0 0px 1px #4E5251;
}

#redeem_code {
	float:left;
	max-width:250px;
}
.user-settings .form-components .input label {
	background-color:transparent;
	text-align:left;
   text-transform:none;

}
.user-settings .form-components .input .CommonRadioButton label {
	padding-left: 30px;
}
.user-settings.payment .form-components .input .CommonRadioButton label {
}
.user-settings .form-button-label label {
	margin-bottom:15px;
}
.user-settings .form-button-label label, 
.user-settings .common-button {
	float:left;
	font-size: 24px;
   font-family: "OpenSansLight", sans-serif; 
   font-weight:normal;
}
.user-settings .form-button-label.password label {
   text-shadow: 0 0px 2px rgba(0,0,0,0.3);
	font-weight:500;
   font-family: "OpenSansLight", sans-serif; 
	font-size: 20px;
}
.user-settings .form-button-label i {
   text-shadow: 0 0px 1px rgba(0,0,0,0.5);
   padding-left:20px;
}
.user-settings .common-button button{
	color:#fff;
	padding-left:60px;
	padding-right:60px;
	margin-left:20px;
	margin-top:30px;
}
.user-settings .translucent-box .common-button button{
	padding:8px 38px;
	margin:0;
	font-size:14px;
	color:#fff;
	border:0;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.1);
}

.user-settings.payment .translucent-box .common-button button{
	padding:13px 38px;
	font-size:17px;
	margin:10px 0;
}
.user-settings .common-button:active button,
.user-settings .common-button:focus button,
.user-settings .common-button:hover button
 {
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.6);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.6);
}

.tile-wrapper {
	padding-top:30px;
}




.nav-main.unlogged-user-menu {
	float:right;
}
.nav-main.hidden-xs.unlogged-user-menu a {
	font-family: "OpenSansLight", sans-serif; 
	/* letter-spacing:0.001em; */
}
.navbar-header {
	width:100%;
}

.user-settings .form-components .col-sm-7, 
.user-settings .form-components .col-sm-5 {
	padding:0;
}

.user-profile-header {
	background:#141817;
	min-height:150px;
	position:relative;
	z-index:1;
	padding:40px 30px 30px 40px;
	max-height:260px;
	overflow:hidden;
}
.user-profile-header #change-profile-photo {
		cursor:pointer;
}
.user-profile-header .photo-wrap {
	padding:0;
	width:190px;
	max-width:190px;
	min-width:190px;
	float:left;
	position:relative;
	/* background:#000; */
	background:transparent;

	/* added to overcome bleeding */
	max-height:190px;
	overflow:hidden;
}
.user-profile-header .photo-wrap img {
	z-index:1;
}
.user-profile-header .photo-change:hover,
.user-profile-header .photo-change:focus,
.user-profile-header .photo-change:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}
/* when actively updating profile photo, we still utilize the original trigger for beginning such an action, to reuse in cancelling the action */
.user-profile-header .photo-change.updating {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.user-profile-header .photo-change {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;

	position:absolute;
	width:190px;
	height:40px;
	background:rgba(0,0,0,0.9);
	bottom:0px;
	left:0;
	z-index:2;
	padding-top:9px;
	text-indent:50px;
	color:#858786;
	font-size:15px;
	text-shadow: 0 0px 1px rgba(142,144,143,1.0);
   font-family: "open_sanscondensed_light", sans-serif;
   text-transform:uppercase;
   letter-spacing:inherit;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;

}
.user-profile-header .photo-change:after {
	text-indent:0;
	content:"\f030";
	font-family:'FontAwesome';
	font-size:19px;
	font-style:normal;
	font-weight:100;
	line-height:1;
	position:absolute;
	text-decoration:none;
	top:12px;
	left:15px;
	text-shadow: 0 0px 1px rgba(142,144,143,1.0);
}
#profile-photo-dropzone .dropzone-wrapper {
	max-width:190px;
	max-height:150px;
}

.user-profile-header #profile-photo-dropzone { 
	display:none; 
	max-height:150px;
}

.user-profile-header .content-wrap {
	max-width:70%;
	padding:20px;
	float:left;
}
.user-profile-header .content-wrap h2 {
	top:0;
	color:#E2E6E5;
	text-transform:none;
}
.user-profile-header .content-wrap h3 {
	color:#838786;
	text-transform:uppercase;
	font-weight:normal;
	font-size:25px;
	/* text-shadow: 1px 0px 1px rgba(131,135,134,1.0); */
	padding-bottom:10px;
}

.user-profile-header .common-button button {
	padding:6px 20px;
	font-size:14px;
	background:#313534;
}

.friends .friends-right-pane .statistic {
	padding-bottom:40px;
}
.friends .friends-right-pane .stats-number, 
.friends .friends-right-pane .stats-name, 
.friends .friends-right-pane .stats-info {
	text-align:center;
	width:100%;
}
.friends .friends-right-pane .stats-number h1, 
.friends .friends-right-pane .stats-name h2, 
.friends .friends-right-pane .stats-name h2 {
	margin:0;
	float:none;
}
.friends .friends-right-pane .stats-number h1 {
	font-size:60px;
	color:#DDE1E0;
}
.friends .friends-right-pane .stats-number.and-data h1 {
	font-size:50px;
}
.friends .friends-right-pane .stats-name h2, 
.friends .friends-right-pane .stats-info h2 {
	font-size:22px;
	float:none;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.01em;
	padding-bottom:5px;
}


.membership-type h3 {
	margin:0;
	float:left;
	padding-left:50px;
	color:rgba(73, 77, 76, 1.0);
}

.checkbox-image .checkbox-overlay {
	position:absolute;
	background:#FAFEFD;
	top:0px;
	max-width:319px;
	left:35px;
}
.user-settings .form-components.checkbox-image .input label.image-overlay
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	margin-left:10px;
	margin-top:10px;
}


.search-options .relevant {
	color:#000;
	text-shadow: .1px .5px .1px rgba(0,0,0,.855555555555);
}
/*
.playlists .container:before,
.playlists .container:after,
.playlists .row.first:before,
.playlists .row.first:after
{
	clear:none;
	width:100%;
}
*/
#loading-layer {
	margin:0 auto 0 auto;
	padding-left:10px;
	line-height:8em;
}


#question2, 
#question3, 
#question4, 
#questionnaire-completed {
	display:none;
}
.questionnaire .radioQuestionOtherAnswer {
	display:none;
}
.questionnaire .radioQuestionOtherAnswerInput {
	min-width:400px;
	margin-left:10px;
	float:left;
}
.questionnaire .radioQuestionOtherAnswerButton {
	min-width:50px;
	float:right;
	display:none;
}







/* START: common results styles, aka recent playlists, recommended playlists */
	.playlist-overlays {
		position:relative;
		padding:5px;
	}
	.explore .playlist-overlays, 
	#Advanced-Search-Page .playlist-overlays {
		padding:0px;
	}		
	.playlist-overlays.dark {
		color:#A9ADAC;
		background: #1f2020; /* Old browsers */
		background: -moz-linear-gradient(top,  #1f2020 0%, #4d4d4d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f2020), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1f2020 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1f2020 0%,#4d4d4d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1f2020 0%,#4d4d4d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #1f2020 0%,#4d4d4d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2020', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
	}
	.homepage-logged .playlist-overlays.dark {
		background: #242525;
		filter:none;
	}
	.playlist-overlays.light {
		color:#171817;

		/* design's background color, looks a bit too light, almost unnoticable */
		/* background:#DEE2E1; */
		background:#DBDFDE;
	}
	.playlist-overlays:active,
	.playlist-overlays:focus,
	.playlist-overlays:hover,
	.homepage-logged .playlist-overlays:active img,
	.homepage-logged .playlist-overlays:focus img,
	.homepage-logged .playlist-overlays:hover img
	{
		-webkit-transition: b 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
		opacity:0.9;
	}
	.homepage-logged .playlist-overlays:active,
	.homepage-logged .playlist-overlays:focus,
	.homepage-logged .playlist-overlays:hover
	{
		opacity:1;
	}
	.overlay-image:after {
		/*content: url(/img/top-right-band_blank.png);*/
		position: absolute;
		right: 0;
		top: 0px;
		z-index: 2000;
		width: 100px;
		height: 101px;
		margin-right:inherit;
	}
	.overlay-image.th-originals:after {
		/*content: url(/img/top-right-band_th-originals.png);*/
	}
	.overlay-image.th-curated-playlist:after {
		/*content: url(/img/top-right-band_th-curated-playlist.png);*/
	}
	.overlay-image.member-playlist:after {
		content: url(/img/top-right-band_member-playlist.png);
		pointer-events: none;
	}
	.overlay-image.video:after {
		content: url(/img/top-right-band_video.png);
		pointer-events: none;
	}
		
	.playlist-overlays p {
		font-size:18px;
		letter-spacing:normal;
	 }

	 .playlist-overlays.light p {
		padding:15px 0 0 0;
	 }

		 
	.playlist-overlays h3 a {
		font-family: "OpenSansLight", sans-serif;
		font-weight:normal;
		font-size:24px;
		text-decoration:none;
	}
	.playlist-overlays.dark h3 a {
		color:#E2E7E6;
		text-shadow: 1px 1px 1px rgba(226,231,230,0.8);
	}
	.playlist-overlays.light h3 a {
		color:#171817;
		text-shadow: 1px 1px 1px rgba(23,24,23,0.6);
	}
	.playlist-overlays h3 {
		margin:0 0 3px 0;
	}
	.playlist-overlays h4 {
		font-size:14px;
		font-family: "OpenSansLight", sans-serif;
		/* font-weight messes with 'Open Sans' so best to leave it to be normal */
		font-weight:normal;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	.playlist-overlays.dark h4 {
		color:#A9ADAC;
	}
	.playlist-overlays.light h4 {
		color:#525252;
	}
		
	.playlist-overlays div.row {
		padding:20px;
	}
	.playlist-overlays.superwide div.row,
	.playlist-overlays div.row:first-child {
		padding:0;
	}

	.playlist-overlays.light div.row {
		background:#EDF2F1;
	}
	.playlist-overlays.light div.row:first-child {
		background:transparent;
	}
	.playlist-overlays.superwide div.row:first-child {
		/* padding:10px 10px 10px 0; */
	}
	.playlist-overlays.white.superwide div.row:first-child {
		background:#EDF2F1;
	}
	.playlist-overlays.superwide {
		margin-bottom:10px;
	}
	.playlist-overlays.light.superwide p {
		padding:0;
	}
	.playlist-overlays.superwide .col-sm-3 {
		padding:0;
	}
	.playlist-overlays.superwide .col-sm-9 {
		padding-top:20px;
	}
	
/* END: common results styles, aka recent playlists, recommended playlists */

	.talent-social-icons a:active,
	.talent-social-icons a:focus,
	.talent-social-icons a:hover
	{
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
		opacity:0.7;
	}

/* we're using css/script based select lists, but we don't need to see the default HTML select list at all */	
select { visibility:hidden; }

em.shadow {
	text-shadow: 0 1px 1px rgba(18,18,18,0.8);
}
.sidebar-follow-us {
	background:#181818;
	padding:10px;
	margin:35px 0 0 0;
}
.sidebar-follow-us h2 {
	font-size: 20px;
	font-style:italic;
	color:#fff;
	font-weight:normal;
	float:left;
}
.sidebar-follow-us div div div {
	float:left;
	margin-left:20px;
	
	background:#121312;
	padding:5px;
	min-width:50px;
	min-height:50px;
}
/* sidebar-closed */
.page-sidebar-reversed.page-sidebar-closed .sidebar-follow-us div div div {
	margin: 5px 20px; 
}
.sidebar-follow-us div a div {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.sidebar-follow-us div a:hover div {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.sidebar-follow-us span {
	color:#E2E6E5;
	font-size:30px;
}
.sidebar-follow-us .fa {
	float:right;
}

.sidebar-follow-us .fa {
	padding:8px 4px 0 0;
}


  /* don't allow focus on any page content */
  .explore-head *:focus, .explore *:focus { outline: 0; }

  .explore-topic-container {
	background-color:#edf2f1;
	border-color:#edf2f1;
	border-width:5px;
	border-style:solid;
	padding:0;
	margin:0;
	margin:10px 0 0 0;
	width:100%;
	position:relative;
  }
  .explore-topic {
	display:block;
	padding:15px 0 15px 59px;
	font-size:27px;
	font-weight:normal;
	font-family:"OpenSansRegular",serif;
	background:#edf2f1;
  }
  .explore-content-container {
	background-color:#edf2f1;
	border-color:#edf2f1 5px solid;
	border-top:none;
	max-width:1186px;  
	padding:0 10px;
  }
  .explore .panel.panel-default, 
  .explore .panel-heading, 
  .explore .panel-body, 
  .explore .panel-group .panel-heading+.panel-collapse>.panel-body 
  {
	background:#edf2f1;
 	border:0;
	margin:0;
  }
  .explore .panel-heading {
	cursor:pointer;
  }
  .explore .accordion-toggle:before {
	width: 40px;
	height: 40px;
	position:absolute;
	left:10px;
	top:10px;
	content:url('/img/explore/icon_minus.png');
  }
  .explore .accordion-toggle.collapsed:before {
	width: 40px;
	height: 40px;
	position:absolute;
	left:10px;
	top:10px;
	content:url('/img/explore/icon_plus.png');
  }
  
  /*.explore .common-content {
	max-width:1186px;
	margin-left:auto;
	margin-right:auto;
  }*/
  .explore .common-content {
	margin-left:auto;
	margin-right:auto;
  }
  
  .explore .playlist-overlays {
	min-height:265px;
	margin-bottom:45px;	
  }
  .explore .wideview-content-image {
	max-height:265px;
	min-height:265px;
	max-width:726px;
  }
  .explore .wideview-talent-image {
	max-width:480px;
	min-width:100%;
	margin-top:-21px;
  }
  .explore .wideview-content-wrapper {
	padding-top:40px;
	padding-left:30px;
	padding-right:30px;
	color:#a9adac;
	font-size:18px;
	font-family:"OpenSansRegular",serif;
	font-weight:normal;
  }
  .explore .light .wideview-content-wrapper {
	color:#525252;
  }
  .homepage-logged .wideview-content-wrapper {
	/* padding:27px 30px; */
	/* padding:27px 50px 27px 30px; */
	padding:27px 0 27px 30px;
	max-height:225px;
	min-height:225px;
  }
  .homepage-logged .wideview-content-wrapper .scroller {
	position: relative; 
	overflow: hidden; 
	width: auto; 
	height:121px;
  }
  .homepage-logged .wideview-content-wrapper .scroller .content-description,
  .homepage-logged .wideview-content-wrapper .scroller .content-title  {
	padding-right:50px;
  }
  
  .homepage-logged .wideview-content-wrapper.with-user-profile-photo {
	padding-right:70px;
  }
  .explore h2.content-subtitle {
	top:0;
	color:#828685;
	/* font-size:42px; */
	font-size:36px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:0.01em;
  }
  .explore .explore-topic .topic-description {
	background-color:#2d2e2e;
	font-size:14px;
	font-style:italic;
	padding:7px;
	height: 37px;
  }
  .explore .content-title {
	/* padding:3px 0 20px 0; */
	padding:3px 0 10px 0;
  }
  .explore .content-title a.content-link {
	font-family:"OpenSansLight",serif;
	/* font-size:28px; */
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	text-shadow:1px 0px 1px rgba(255,255,255,0.8);
	letter-spacing:0.04em;
  }
  .explore .light .content-title a.content-link {
		color:#171817;
		/* text-shadow:1px 0px 1px rgba(82,82,82,0.8); */
		text-shadow: 1px 1px 1px rgba(23,24,23,0.6);
  }
  .explore .content-title a.content-link:hover,
	.explore .content-title a.content-link:active,
	.explore .content-title a.content-link:focus  
  {
	text-decoration:none;
	opacity: 0.80;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
  }
  
  .homepage-logged.explore .playlist-overlays {
	min-height:225px;
	max-height:225px;
	padding:0;
	overflow-y:hidden;
  }
  .homepage-logged.explore .wideview-content-image {
	/*
	min-height:225px;
	max-height:225px;
	*/
	height:225px;
	max-height: inherit;
	min-height: inherit;
}
  .homepage-logged.news {
	padding-top:0px;
  }

  
  #LeftPane a, 
  #LeftPane a:hover, 
  #LeftPane a:focus {
	outline:none;
	color: #333;
	text-shadow: 1px 0px 1px rgba(51,51,51,0.8);
  }
.playlist-overlays .light span a, 
.playlist-overlays .light span a span {
	color:#171817;
}
  .photo-class-opaque {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
  }
  
  .panel-group {
	margin-bottom:0px;
  }
  
  
  .min-menu .fa.fa-star { 
	font-size:31px;
	padding-top:8px; 
	color:rgba(0,0,0,0.1); 
   } 
  .min-menu .fa.fa-star.active:before { 
	color:rgba(228,93,95,0.7); 
  } 
  .min-menu .tabbable:hover .fa.fa-star.active:before {
	color:rgba(228,93,95,1.0); 
  } 
  .min-menu .fa.fa-star.inactive:before { 
	color:rgba(0,0,0,0.3); 
  } 
  .min-menu .tabbable:hover .fa.fa-star.inactive:before { 
	color:rgba(0,0,0,1.0); 
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/**********************************************************************************/
/* FOR /talent/, but also used by /playlists/originals/ and /playlists/curated/
/**********************************************************************************/

/* START: /talent/ main page */
.talent-rows-over-grid .grid-row {
	position:relative;
}
.talent-rows-over-grid .grid-row img {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";*/
	/*filter: alpha(opacity=70);*/
	/*opacity: 0.7;*/
}
.talent-rows-over-grid .col-sm-2 {
	position:relative;
}
.talent-rows-over-grid .grid-child-row {
	height:77px;
	border-bottom:#2B2B2B 5px solid;
	background:rgba(223,228,227,0.92);
	z-index: 100;
	position: absolute;
	width:70%;
	left:15%;
	right:15%;
	font-size:28px;
	font-family:"OpenSansLight", sans serif;
   text-transform:uppercase;
   padding:25px 0 0 25px;
   color:rgb(43,43,43);
   text-shadow: 1px 0px 1px rgba(43,43,43,0.6);
}
.talent-rows-over-grid .grid-child-row:hover {
	cursor:pointer;
	background:rgba(223,228,227,0.99);
	border-bottom:rgba(43,43,43,0.5) 5px solid;

	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.talent-rows-over-grid .grid-child-row:after {
	content: "\f144";
	position:absolute;
	top:30%;
	right:20px;
	font-size:35px;
	width:35px;
	height:33px;
	padding-top:0;
	padding-right:2px;
	color:#8D908F;
	background:transparent;
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 33px;
	-webkit-font-smoothing: antialiased;
	text-align:center;
}
.container.no-bottom-border.talent-rows-over-grid {
	padding-bottom:30px;
}
.talent-rows-over-grid .grid-row .col-sm-2:after {
/*
	opacity: 0.2;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: repeating-linear-gradient(
	  -55deg,
	  transparent,
	  #2B2B2B 2px,
	  #2B2B2B 1px,
	  #2B2B2B 2px
	);
*/
}
/* END: /talent/ main page */
  
/* START: FOR /talent/ sub-pages, as well as /playlists/originals/ and /playlists/curated/ */
.talent-descriptor {
	text-align:left;
	/* padding aligns, on left, with top/main logo, whereas right is equal to left */
	/* padding:45px 40px 45px 40px; */
	padding: 59px 40px 59px 40px;
	max-height: 470px;
	overflow-y:hidden;
}
.talent-view h1 {
	font-family:"OpenSansLight", sans serif;
	color:#444645;
	font-style:italic;
	font-size:57px;
	font-weight:normal;
	padding-bottom: 10px;
}
.talent-view a {
	color:#444645;
	text-shadow: 1px 0px 1px rgba(68,70,69,0.8);
}
.talent-view .col-sm-6 {
	padding:0 50px 0 25px;
}

.common-fullwidth-container.talent-view .common-content h2,
.common-fullwidth-container.talent-view .common-content p {
	font-style: italic;
	letter-spacing:normal;
	font-family:"OpenSansLight", sans serif;
	color:#454746;
}
.common-fullwidth-container.talent-view .common-content h2 {
	font-weight:normal;
	font-size:35px;
	text-transform:uppercase;
	margin-bottom: 0;
}
.common-fullwidth-container.talent-view .common-content .talent-topic {
	padding:33px 55px 50px 55px;
}
.common-fullwidth-container.talent-view .common-content .talent-works {
	padding:50px 55px 30px 55px;
}
.common-fullwidth-container.talent-view .common-content .talent-topic {
	border-top:#8D908F 4px solid;
	border-bottom:#8D908F 9px solid;
	background:#454746;
	text-align:left;
}
.common-fullwidth-container.talent-view .common-content .talent-topic h2,
.common-fullwidth-container.talent-view .common-content .talent-topic p {
	color:#C1C5C4;
}
.common-fullwidth-container.talent-view .common-content .talent-topic h3 {
	font-size:20px;
	font-weight:normal;
	padding:25px 0 0 25px;
	margin:0;
	color:#000;
}
.talent-works .row .column {
	padding:0 22px 0 22px;
	text-align:left;
	max-width:227px;
}
.talent-works .row .column:first-child {
	padding:0 22px 0 0;
}
.talent-view .social-links a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.talent-view .social-links a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.talent-view .talent-works a {
	font-size:22px;
	text-decoration:none;
	text-shadow:none;
	font-weight:bold;
}
.talent-view .talent-works div.talent-works-title {
	padding-top:20px;
	padding-right:0;
}
.talent-view .talent-works img {
 	border:rgba(141,144,143,0.3) 1px solid;
}
.talent-view .col-sm-6 div:hover,
.talent-view .col-sm-12 div:hover {
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;	
}

/* 'start: keep the following three' classes as they are, in order to keep from bleeding text at smaller size views */
.talent-view .col-sm-6 div {
	background:#E2E7E6;
	min-height:122px;
	padding:5% 50px 0 5.5%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.talent-view .col-sm-6 div span {
	line-height:1.2em;
}
.talent-view .col-sm-12 div
 {
	background:#E2E7E6;
	min-height:72px;
	padding:0px 50px 10px 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity: 0.85;
}
/* 'end: keep the following three' */

.talent-view .col-sm-6 div:after {
	content:">";
	position:absolute;
	top:40%;
	right:11px;
	font-size:41px;
	color:#fff;
	font-family:"OpenSansLight", sans serif;
	transform:scale(0.5,1.1); /* W3C */
    -webkit-transform:scale(0.5,1.1); /* Safari and Chrome */
    -moz-transform:scale(0.5,1.1); /* Firefox */
    -ms-transform:scale(0.5,1.1); /* IE 9 */
    -o-transform:scale(0.5,1.1); /* Opera */
	text-shadow: 1px 0px 1px rgba(255,255,255,0.2);
}
.talent-view .col-sm-12 div:after,
.homepage-logged.explore div.wideview-content-wrapper:after
 {
	content: "\f144";
	position:absolute;
	right:8px;
	font-size:35px;
	width:33px;
	height:33px;
	color:#fff;
	background:transparent;
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 33px;
	-webkit-font-smoothing: antialiased;
	text-align:center;
	cursor:pointer;
}
.talent-view .col-sm-12 div:after {
	top:30%;
}
.homepage-logged.explore div.wideview-content-wrapper:after {
	bottom:8px;
	color:#CAB817;
	right:15px;
}
.homepage-logged.explore .light div.wideview-content-wrapper:after {
	color:#242525;
}
.talent-view .row .col-sm-6:first-child {
	padding-left:0;
}
.talent-view .row .col-sm-6:last-child {
	padding-right:0;
}
.talent-view div.talent-categories {
	padding:13px 0 13px 0;
}
.talent-view div.talent-categories:last-child {
	padding:13px 0 5px 0;
}
.talent-view div.talent-category-videos
{
	padding:4px 0 3px 0;
	position:relative;
}
.talent-view div.talent-category-videos:last-child {
	padding:3px 0 0px 0;
}
.common-fullwidth-container.talent-view .common-content .talent-topic .col-sm-6 h2 {
	font-family:"OpenSansRegular", sans serif;
	font-size:26px;
	font-weight:normal;
	font-style:normal;
	width:100%;
}

.talent-view .col-sm-6 div:before,
.talent-view .col-sm-12 div:before,
.homepage-logged.explore div.wideview-content-wrapper:before
 {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:100%;
}


.talent-view .talent-category-videos.with-image .col-sm-12 div {
	padding:0px 50px 10px 95px;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div.original-category-1:before {
    background: #D36800;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div.original-category-1 h2 {
    color: #D36800;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div.original-category-2:before {
    background: #59901A;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div.original-category-2 h2 {
    color: #59901A;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div.original-category-3:before {
    background: #018BB0;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div.original-category-3 h2 {
    color: #018BB0;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div[class^="original-category"] {
    padding:11px 80px 10px 30px;
    min-height: 122px;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div[class^="original-category"] h2{
    width: 100%;
    font-size: 26px;
    font-family: "OpenSansRegular", sans serif;
    font-weight: normal;
    font-style: normal;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div[class^="original-category"] span{
    font-size: 16px;
}

.talent-view .talent-category-videos.with-image .col-sm-12 div[class^="original-category"]:after {
    content:"";
    position:absolute;
    top:40%;
    right:11px;
    font-size:41px;
    color:#fff;
    font-family:"OpenSansLight", sans serif;
    transform:scale(0.5,1.1); /* W3C */
    -webkit-transform:scale(0.5,1.1); /* Safari and Chrome */
    -moz-transform:scale(0.5,1.1); /* Firefox */
    -ms-transform:scale(0.5,1.1); /* IE 9 */
    -o-transform:scale(0.5,1.1); /* Opera */
    text-shadow: 1px 0px 1px rgba(255,255,255,0.2);
}

.talent-category-videos.with-image .col-sm-12:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:100%;
}
.talent-category-videos.with-image .col-sm-12:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px;
	max-width: 130px;
	max-height: 62px;
	overflow: hidden;
}

/* END: FOR /talent/ sub-pages, as well as /playlists/originals/ and /playlists/curated/ */

.active-link {
	float:right;
	text-transform:none;
	font-weight:bold;
}
.active-link span{
	float:right;
}
.active-link span.playlist-by {
	text-shadow:none;
	font-weight:normal;
	font-size:12px;
	text-transform:none;
}

.playlist-creator-profile-photo {
	position:absolute;
	top:25px;
	right:20px;
	max-width:40px;
	max-height:40px;
	overflow:hidden;
}

.page-title-takehollywood-logo {
	padding-left:80px;
}
.title-takehollywood-logo:before {
	content:url(/img/logo-title.png);
	width:70px;
	height:70px;
	position:absolute;
	left:55px;
	top:15px;
}


.photo-credit {
	font-size:11px;
}

.image-caption {
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding: 5px 15px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
	z-index:10;
	margin-left:10px;
	margin-right:10px;
}

.stay-connected {
	background:#373B3E;
	bottom:0;
	position:relative;
	width:100%;
	padding:45px;
}


/* TH-626: Curated Playlist-Replace the photo with the logo and yellow bar saying Curated. Takehollywood Originals--Replace the photo with the logo and yellow bar saying Originals */
/* our image is hardened at 480w, therefore our left will be hardened for overlay yellow flag image, by the offset, meaning width of image 480px MINUS(-) width of flag image 100px */
.homepage-logged .carousel-inner .overlay-image:after {
	left: 380px;
	right:inherit;
}

.accentuate, .read-more-container a {
   text-shadow: 1px 0px 1px rgba(51,51,51,0.7);
}

.non-selectable {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pointer-events-all {
	pointer-events: all;
}

#playlists_panel {
	padding-top:11px;
	left:100px;
	width: 520px;
	margin-top:110px;
	float:right;
}

#playlists_panel fieldset {
	float: right;
	margin-right: 60px;	
	margin-left: 10px;
}

#sharetofriend {
	float:right;
	width: 138px;
	text-align: center;
	border-color: white;
	border-right: 1px solid;
}

#editplaylist {
	width: 137px;
	border-right: 1px solid;
	text-align: center;
	border-color: white;
}

#editplaylist a span {
	float: none;
}

.mkplaylistpublic {
	font-size: 16px;
	cursor: pointer;
	font-weight: normal;
	color: white;
}

#button_previous, #button_next {
	background: #A5A5A5;
}