/*
 * -------------------------------------------------------------
 * BASE RULES
 * (HEADERS, DEFAULT LINK STYLES, DEFAULT BACKGROUND, DEFAULT FONTS)
 * -------------------------------------------------------------
 *
 *
 *	ROADTRIP PALETTE
 *  P66cc33	= Roadtrip Nation Green (old)
 * 	#339900	= Roadtrip Nation Green (new)
 *	#3366cc = Roadtrip Nation Blue (old)
 *  #336699 = Roadtrip Nation Blue (new)
 *  #636363 = Default gray body text 
 *  #4a4947 = Default header gray text
 */
* {
	margin: 0;
}

html, body {
	height: 100%;
}
body {
	background-image: url('/assets/images/body-bg.gif');
	font-family: "Averia Sans Libre", "Trebuchet MS", Arial;
/*	color: #4a4947; */
	color: #2a2a2a;
}
em {
    font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
	font-family: "Londrina Solid", "Trebuchet MS", Arial;	
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
h1 {
	margin-bottom: 20px;
	font-size: 2.7em;
}
h2 {
	margin-bottom: .35em;
	font-size: 2.0em;
}
h3 {
	margin-bottom: .35em;
	font-size: 1.6em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.2em;
}
p {
    margin: 10px 0;
}
a {
    color: #339900;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.disabled:hover {
	cursor: default;
}
ul, ol {
    margin-left: 1.25em;
    padding-left: 10px;
}
ul li,
ol li {
    margin: 0 0 5px 0;
}
ul {
    list-style-type: disc;
}
ol {
    list-style: decimal;
}
.no-bullets {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

strong {
    font-weight: bold;
}
.underline {
	text-decoration: underline
}
.list-extra-space li {
    margin-bottom: 20px;
}
.extra-space {
	margin-bottom: 20px;
}
/*
 * -------------------------------------------------------------
 * LAYOUT RULES
 * (STYLES COMMON TO ALL PAGES)
 * -------------------------------------------------------------
 */

/* HEADER STYLES */
header, footer {
	margin: auto;
	overflow: visible;
	clear: both;
	min-width: 1140px;
}
/*header {
	margin-bottom: 70px; New logo change
}*/
/*.header-wrapper.row {
	position: relative; New logo change
}*/
.everything-wrapper {
	min-height: 100%;
	margin-bottom: 0;
}
.content {
	max-width: 1140px;
	margin: auto;
	overflow: visible;
	clear: both;
}
#all-container, #bottom-container {
	margin: auto !important;
}
.grid1010 header, 
.grid1010 .content {
    margin: auto;
/*    padding: 0 15px;  */
    width: 1030px;
}
header, footer {
	font-family: "Averia Sans Libre", "Trebuchet MS", Arial;	
}
.content {
	/*padding: 0 10px;*/
/*overflow: hidden; */
}
header h1,
header h2,
header h3,
footer h4 {
		font-family: "Londrina Solid", "Trebuchet MS", Arial;	
}
#rtn-logo {
	float: left;
	display: block;
	clear: both;
	width: 475px; 
	height: 163px;
	/*width: 150px; New logo change*/
	/*height: auto; New logo change*/
}
#rtn-logo img {
	width: 475px;
	height: 163px;
	/*margin-top: 12px; new logo change*/
}
.header-banner {
	margin: 0;
min-width: 1140px;
	background: url('/assets/images/header/header-bg.png') repeat-x;
	background-position: 0 30px;
}

/* HEADER NAVIGATION STYLE */

.navigation li {
	display: inline-block;
	vertical-align: top;
  	zoom: 1;
  	*display: inline;
}
.navigation a {
	display: inline-block;
	text-align: left;
	text-decoration: none;
	font-size: 2.9em;
/*	color: #464646; */
	color: #2a2a2a;
	vertical-align: top;
  	zoom: 1;
  	*display: inline;
}
.navigation a:hover {
	color: #339900;
}
.nav-primary {
	position: relative;
	margin: 1.9em 0 0 21em;
	/*padding-left: 150px; new logo change*/
}
.grid1010 .nav-primary {
    margin: 2.5em 0 0 21em;
}
.nav-primary > li {
    margin: -10px 0 0 0;
	padding-top: 20px;
	width: 165px;
	height: 105px;
	/*height: 75px; new logo change*/
	text-align: center;
	overflow: visible;
}
.nav-item {
    float: left;
}
.nav-item > a {
	/*font-family: "Londrina Solid", "Trebuchet MS", Arial;*/
	font-size: 2.0em;	
}
.nav-primary span {
	display: block;
	margin-top: -6px;
	font-size: 0.5em;
	font-family: "Averia Sans Libre", "Trebuchet MS", Arial;	
	color: #959595;	
}d
.nav-item:hover,
.nav-item.active {
	background: url('/assets/images/header/nav-banner-bg.png') no-repeat top center;
	background-position: -44px -360px;
	/*background-position: -44px -340px; new logo change*/
}
.nav-item:hover > a,
.nav-item:hover span,
.nav-item.active > a,
.nav-item.active span {
	color: #fff;
	color: rgba(255, 255, 255, .6);
	text-shadow: 0px 1px 0px #efefef, 0 0 0 #000, 0px 1px 0px #efefef;
}
.no-textshadow .nav-item:hover > a,
.no-textshadow .nav-item:hover span,
.no-textshadow .nav-item.active > a,
.no-textshadow .nav-item.active span {
    color: #fff;
}
.subnav.active {
	display: block;
	/*z-index: 1; New logo change*/
}
.watch:hover .subnav {
	display: block;
}

#renew-icon {
	width:35px;
}
#renew-icon img {
	float:right;
	height:20px;
}
#renew-alert {
	display: none;
}
#renew-bubble {
	position:absolute;
	width:250px;
	z-index: 90;
	background-color: #FFF;
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 10px;
}
	#renew-alert .arrow {
		z-index:100;
		position: absolute;
		margin-left:27px;
		width: 0; 
		height: 0; 
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent; 
		
		border-left:15px solid #fff;
	}
	#renew-alert .front {
		margin: 2px 0 0 28px;
	}
	#renew-alert .back {
		z-index:80;
		border-left:15px solid #000;
	}
	#renew-alert a {
		font-size:100%;
		text-decoration: underline;
	}

/* subnav menu styles */
.subnav {
	display: none;
	position: absolute;
    top: 85px; 
    /*top: 65px; new logo change*/
    left: 75px;
	padding: 30px 30px 0 0;
	text-align: center;
}
.subnav-right {
	left: 350px;
}
.grid1010 #subnav-explore {
    left: 80px;
}
.subnav ul {
	margin: auto;
	padding: 0;
	background: url('/assets/images/header/subnav-border.png') repeat-x bottom;
	width: 100%;
}
.subnav ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 40px;
	background: url('/assets/images/header/subnav-vert-pike.png') no-repeat right;
	list-style-type: none;
	vertical-align: top;
  	zoom: 1;
  	*display: inline;
}
.before-subnav,
.subnav ul:before { /* leftmost vertical pike on subnav */
	content: '';
	position: absolute;
	top: 28px;
	left: -2px;
	display: block;
	height: 42px;
	width: 4px;
	background: url('/assets/images/header/subnav-vert-pike.png');
}
.subnav ul li a {
	display: block;
	margin:	10px 15px 0 10px;
	padding-bottom: 5px;
	font-size: 1.0em;
}
.subnav .active {
	background: url('/assets/images/blue-underline.png') repeat-x bottom;
}
.nav-secondary{
	float: left;
    margin: 5px 0 0 10px;
    /*margin: 5px 0 0; new logo change*/
    padding: 0;
	height: 25px;
}
.nav-secondary li {
	display: inline-block;
	margin: 0 10px;
	height: 35px;
	vertical-align: top;
  	zoom: 1;
  	*display: inline;
}
/*.nav-secondary li:first-child {
	margin-left: 0; new logo change
}*/
.nav-secondary li > a,
.nav-account li > a {
	font-size: 1.0em;
}
.nav-account {
	float: right;
	margin-top: 5px;
}
.nav-account li {
	margin: 0 10px;
}
/* MAIN CONTENT LAYOUT STYLES */
#main-content {
	
}
.heading {
    position: relative;
	margin-bottom: 20px;
	height: 64px;
	line-height: 52px;
	color: #fff;
	overflow: hidden;
}
.heading.default {
    background: url('/assets/images/heading-default-bg.png') no-repeat center;
}
.heading.theme-pages {
    background: url('/assets/images/heading-theme-bg.png') no-repeat center;
}
.heading.watch-pages {
    background: url('/assets/images/heading-watch-bg.png') no-repeat center;
}
.heading.leader-pages {
    background: url('/assets/images/heading-leader-bg.png') no-repeat center;
}
.heading-image {
    position: absolute;
    height: 64px;
    line-height: 64px;
    z-index: 0;
}
.heading-text {
    position: absolute;
	padding-left: 15px;
	/*width: 50%;*/
	z-index: 100;
}
.heading-wrapper {
    margin: 40px 0;
    width: 100%;
    height: 30px;
    background: url('/assets/images/squiggly-line.png') repeat-x center;
}
.heading-center {
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.heading-center h3,
.heading-center h2 {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0;
    padding: 0 15px;
    background: url('/assets/images/body-bg.gif') repeat;
}
.heading-bg {
	display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0;
    padding: 0 15px;
    background: url('/assets/images/body-bg.gif') repeat;	
}
h3.small {
    font-size: 0.8em;
    font-weight: normal;
}
.subheading {
	position: relative;
	margin: 40px 0 20px;
	height: 25px;
	z-index: 0;
}
.subheading .line {
    position: absolute;
    display: inline-block;
    margin-top: -3px;
    z-index: 1000;
}
.subheading .banner {
	display: inline-block;
	margin: -8px 0 0 5px;
	padding: 8px 5px 5px 5px;
	background: url('/assets/images/subheading-bg.png') repeat-x center;
}
.subheading .body-text {
    margin-left: 10px;
    font-family: "Averia Sans Libre", "Trebuchet MS", Arial;
    font-size: 0.75em;
    color: #636363;
    text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}
.straight-line {
    margin: 30px 0;
    width: 100%;
    height: 0;
    border: solid 1px #ccc;
}
.straight-line.login-line {
	margin-top: -10px;
	margin-bottom: 0;
}
.line {
    margin: 10px 0;
	width: 100%;
	height: 5px;
	background: url('/assets/images/squiggly-line.png') repeat-x center;
		
}
.expand {
    margin: 30px auto;
}
.set-table {
	display: table;
}
/*Fix for find your road and share buttons spacing*/
#fyr-btn.expand {
	margin-bottom: 15px;	
}
.relative {
	position: relative;
}
.letterpress {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
	text-shadow: 0px 1px 0px #ddd, 0 0 0 #000, 0px 1px 0px #ddd;

}
/* because < IE9 does not support text-shadow. Prevents text from appearing almost transparent */
.no-textshadow .letterpress { 
    color: #fff;
}
article {
	
}

footer {
	margin: 50px auto 0;
	padding: 0;
	width: 100%;
/*	color: #0d4c34; */

}

footer, .everything-wrapper:after {
	height: 150px;
	backround: #efefef;
}

.grid1010 footer {
    margin: 30px auto 0;
    width: 100%;
    min-width: 1050px;
}
footer h4 {
	margin-top: 10px;
/*	color: #0d4c34; */
}
footer a {
	color: #0155a8;
}

textarea,
input[type="text"],
input[type="number"],
input[type="password"],
select {
	margin: 0;
	padding: 3px;
	font-family: "Averia Sans Libre", "Trebuchet MS", Helvetica, Arial;
	border: 1px solid #ddd;
}
input[type="number"] {
	width: 50px;
}
input[disabled="disabled"], textarea[disabled="disabled"] {
    background-color: #ddd;
}
footer input[type="text"] {
	border-color: #339900;
	border-color: rgba(51, 153, 0, 0.4);
    background: #9ecd84;    
}
.short-text {
	width: 50px;
}
.long-text {
	min-width: 300px;
}
.textbox {
    min-width: 300px;
    min-height: 250px;
}
.email {
	width: 250px;
}
input:-webkit-input-placeholder, 
input:-moz-placeholder,
input:-ms-placeholder,
textarea:-webkit-input-placeholder {
/*	color: #0d4c34; */
}
.button, button, input[type="button"], input[type="submit"]:not(.newsletter-signup-button) {
    display: inline-block;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #339900;
    font-family: "Averia Sans Libre", "Trebuchet MS", Helvetica, Arial;
	font-size: 1.2em;
	color: #fff;
    text-shadow: 0 -1px rgba(34, 25, 25, 0.5), 0 1px rgba(150, 150, 150, 0.5);
	border: none;
	border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
	box-shadow: 0px 1px 5px #666;
	-webkit-transition: box-shadow .2s;
	transition: box-shadow .2s;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    text-decoration: none;
	box-shadow: 0 0 5px #ccc;
}
.cancel {
	margin: 0 10px;
}
.large-button, input.large-button {
    margin: 5px 10px;
    font-size: 1.6em;
    padding: 10px 15px;
    border-radius: 5px;
}
.medium-button, input.medium-button {
    margin: 5px 10px;
    font-size: 1.6em;
    padding: 10px 15px;
    border-radius: 5px;
}
.disabled {
	background-image: transparent;
	background: none;
	background-color: #ccc;
	text-shadow: none;
	color: #eee;
	cursor: default;
}
.input-shadow {
    box-shadow: 0px 0px 10px #aaa;
}
.input-shadow-alt {
    box-shadow: 0px 0px 10px #aaa;
}
footer .row {
    width: 1140px;
}
.grid1010 footer .row  {
	width: 1010px;
}
.about-links {
	padding: 10px 0;
}
.footer-upper {
    padding-top: 25px;
	background: #414141; 
	color: #FFF;
}
.contact h3,
.contact-info {
	display: inline-block;
}
.contact h3 {
	letter-spacing: 2px;
	vertical-align: top;
	margin-top: 0;
}
.contact-info {
	margin-left: 20px;
	position: relative;
	top: -5px;
	vertical-align: top;
}
.contact-info a {
	color: #FFF;
	text-decoration: underline;
}
.connect {
	text-align: right;
}
.connect h3,
.connect-icons {
	display: inline-block;
}
.connect h3 {
	letter-spacing: 2px;
	vertical-align: top;
	margin-top: 0;
}
.connect-icons {
	position: relative;
	margin-left: 25px;
	vertical-align: top;
}
.ie-fix-connect-icons {
	top: 4px;
}
.footer-lower {
    padding-top: 10px;
	background: rgb(51, 153, 0);
	background: rgba(51, 153, 0, 0.6);
	box-shadow: 5px 17px 10px -11px #ccc; 			
}
.no-rgba .footer-lower {
    background: #78B75A;
}
.upper-edge {
	height: 5px;
	background: url('/assets/images/footer/footer-upper-edge.png') repeat-x bottom;
	opacity: 0.7;
}
.lower-edge {
	height: 2px;
	background: url('/assets/images/footer/footer-lower-edge.png') repeat-x bottom;
	opacity: 0.8;
}
.social-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('/assets/images/footer/footer-social-icons.png');
	overflow: hidden;
	vertical-align: top;
	zoom: 1;
}
.meta-links {
	text-align: center;
	padding: 10px 0 20px;
}
.pipe {
	padding: 0 5px;
}
.meta-links a {
	color: #FFF;
	text-decoration: none;
}
.legal {
	padding: 10px 0;
	font-family: "Trebuchet MS", Arial;
	font-size: 0.8em;
	color: #959595;
}
.legal-links ul {
    list-style-type: none;
    margin-left: 0;
}
.legal-links ul li:first-child {
	padding-left: 0;
}
.legal-links span {
	padding: 0 20px;
	border-right: solid 2px #ccc;
}
.legal-links span:first-child {
	padding-left: 0;
}
.legal-links span:last-child {
	border: none;
}
.legal-links a {
	text-decoration: none;
	color: #959595;
}
.vertical {
    display: block;
}
.horizontal {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
li.last {
	border-right: none;
}
.legal a:hover {
	text-decoration: underline;
}
.address {
	text-align: center;
}
.copyright {
	display: inline-block;
	float: right;
	vertical-align: top;
  	zoom: 1;
  	*display: inline;
}
.be-social {
	margin: 10px 0;
}
.footer-social {
	display: inline-block;
	width: 36px;
	height: 28px;
	background: #FFF;
	border-radius: 3px;
	overflow: hidden;
	vertical-align: top;
  	zoom: 1;
  	*display: inline;	
	margin-right: 10px;
}
.footer-social:last-child {
	margin-right: 0;
}
.footer-social a {
	display: block;
	width: 36px;
	height: 28px;
}
#footer-social-facebook {
	background: url('/assets/images/footer/footer-social-icons.png');
	background-position: 13px 5px;
}
#footer-social-facebook:hover {
	background-position: 45px 5px;
}
#footer-social-twitter {
	background: url('/assets/images/footer/footer-social-icons.png');
	background-position: 8px -20px;
}
#footer-social-twitter:hover {
	background-position: 40px -20px;
}
#footer-social-instagram {
	background: url('/assets/images/footer/footer-social-icons.png');
	background-position: 8px -46px;
}
#footer-social-instagram:hover {
	background-position: 40px -46px;
}
#footer-social-youtube {
	background: url('/assets/images/footer/footer-social-icons.png');
	background-position: 6px -70px;
}
#footer-social-youtube:hover {
	background-position: 38px -70px;
}
#footer-social-pinterest {
	background: url('/assets/images/footer/footer-social-icons.png');
	background-position:  6px 78px;
}
#footer-social-pinterest:hover {
	background-position: 38px 78px;
}
.footer-landscape {
	background: url('/assets/images/footer/footer-landscape.png') no-repeat bottom center;
}
.facebook.footer {
    margin-top: 10px;
}
.twitter-feed {
	height: 210px;
	background: url('/assets/images/footer/tweet-bubble.png') no-repeat top center;
	background-position: 0 8px;
}
.twitter-feed div {
	margin: 10px 0 0 15px;
	width: 370px;
	height: 120px;
	font-size: 0.9em;
}
.twitter-feed div > p {
    margin: 0;
    padding: 0;
}
.twitter-feed h4 {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.handle {
    display: inline-block;
}
.twitter-timestamp {
    font-style: italic;
}
/*
 *  FORMS AND FORM ELEMENTS
 * 
 * 
 */
.user-form {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.2em;
}
.user-form li {
	display: table;
    margin: 0 0 10px 0;
    padding: 5px 0;
    clear: both;
}
.user-form li.full {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}
.user-form li.collapse {
	padding-top: 0;
}
.user-form li:after {
     clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.form-label {
	display: block;
    margin: 0 20px 0 0;
    padding: 3px 20px 0 0;
    min-width: 150px;
    min-height: 1px;
    vertical-align: top;
}
.form-label-full {
	display: block;
	width: 100%;
	text-align: left;
}
.user-form .horizontal {
	display: inline-block;
}
.form-item-full {
	display: block;
	width: 100%;
}
.dialog-form li {
	display: table;
	margin: 10px 0;
	padding: 0;
}
.required-field {
	color: #cc0000;
	font-size: 0.8em;
}
.dialog-form input[type="text"],
.dialog-form input[type="number"],
.dialog-form textarea,
.dialog-form input[type="password"] {
	border-radius: 0;
	padding: 4px;
}
.dialog-form textarea {
	width: 450px;
}
form textarea:focus,
form input[type="text"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus {
   border-color: #339900; 
   border-color: rgba(51, 153, 0, 0.4);
   box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(67,152,21,0.35); 
}
li.button-container,
li.no-separator {
    border: none;
}
.user-form select {
    margin: 0px;
    padding: 4px;
    color: #333;
    border: 1px solid #E2E1DD;
    border-top: 1px solid #BBB;
    border-radius: 3px;
    font-family: "Averia Sans Libre", "Trebuchet MS", Arial;
}
.content-pref-item {
    margin: 6px 0;
    font-size: 1.1em;
}
.zip {
    width: 100px;
}
.horizontal {
	display: inline-block;
	margin: 0 50px;
}
.login-form {
	width: 80%;
	margin-left: 20%;
}
.login-form-section {
	display: inline-block;
	padding: 30px 0;
}
.login-section {
	border-left: solid 1px #ccc;
}
.login-section .button-container {
	margin-left: 20%;
}
.signup-section p {
	margin: 30px 0;
	font-weight: bold;
	width: 90%;
}
.alt-button-style {
	font-size: 1.375rem !important;
	padding: 5px 20px !important;
}
.forgot-password {
	font-size: 1.125rem;
}
.login-social-text {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 20px 0 10px;
}
/*
 * TABLE DATA
 */
.table-data {
	margin: 0 auto 20px;
	text-align: left;
	border: solid 2px #898989;
	border-collapse: collapse;
	color: #000;
}
.table-data th, .table-data td {
	padding: 5px 15px;
	border: solid 1px #898989;
}
.table-data th {
	background-color: #8dc63f;
	background-color: rgba(141, 198, 63, 0.5);
	border: solid 1px #000;
}
.table-data td {
	background: #c2c2c2;
	background: rgba(150, 150, 150, 0.2);
}
.table-data .season {
	min-width: 100px;

}
.table-data .episode {
	min-width: 400px;
}
.table-data .date {
	
}
.table-data .time {
	
}
/*
 * MODULE RULES
 * (OFT-USED STRUCTURES NOT PART OF THE MAIN LAYOUT)
 */
.leader-map {
    min-height: 80px;
}
.thumbnail-list {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.thumbnail-list li {
	float: left;
	margin: 0 24px 20px 0;
	width: 267px; 
	font-size: 0.9em;
	word-wrap: break-word;
	list-style: none;
	overflow: hidden;
}
.grid1010 .thumbnail-list li {
    margin: 0 22px 20px 0;
    width: 236px;
}
.thumbnail-list img,
.thumb-small img,
.leader-map {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
/*    border: solid 1px #AAA; */
}
.thumb-small {
    width: 170px;
}
.grid1010 .thumb-small {
    width: 150px;
}
.thumbnail-list .video-flag {
    margin: 10px 0;
    width: auto;
    border: none;
}
.paid-overlay {
    position: absolute;
    background: url('/assets/images/paid-overlay.png') no-repeat center;
    z-index: 10000;
}
.thumbnail-list li.first {
	clear: left;
}
.thumbnail-list li.last {
	margin-right: 0;
}
.thumbnail-list.small li {
    width: 170px;
}
.grid1010 .thumbnail-list.small li,
.grid1010 .not-list {
	width: 150px;
}
.img-border {
    position: relative; /* properly contain "now playing " overlay */
	padding: 0;	
	border: solid 1px #aaa;
	overflow: hidden;
}
.img-border:hover {
	border-color: #339900;
}
.img-border.no-hover {
	padding: 3px 5px 3px 3px;
}
.img-border.no-hover:hover {
    background: none;
    border-color: #aaa;
}/*
.img-border.no-hover:hover img {
    border-color: #aaa;
}*/
.img-link {
	position: relative;
	display: block;
	height: 100%;
	border: solid 1px transparent;
	border-width: 3px 5px 3px 3px;
   	cursor: pointer;
   	z-index: 0;
}
.img-link:hover {
	border-color: #339900;
	text-decoration: none;
}
.img-link.not-playable {
	pointer-events: none;
}
.img-inner {
	border: solid 1px #aaa;	
}
.current-video {
	border-color: #aaa;
	background: #aaa;
}
.current-video:hover .img-link,
.current-video:hover .img-inner,
.img-border.current-video:hover {
    border-color: #aaa;
    background: #aaa;
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -50px;
    width: 90px;
    border: none;
    z-index: 1000;
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.play-icon.medium {
    top: 70%;
    left: 83%;
    width: 35px;
    height: 35px;
    border: none;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.play-icon.small {
    top: 67%;
    left: 80%;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    z-index: 1000;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border-radius: 50%;
}
.play-icon.small:hover img {
	border: solid 2px #fff;
}
.paid-leader {
    position: absolute;
}
.paid-video {
    position: absolute;
    top: 65%;
    width: 100%;
    height: 35%;
    background: #000;
    border: solid 1px #aaa;
    border-width: 0 1px 1px 1px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 1000;
}
.paid-video.large {
    top: 80%;
    left: 0;
    width: 100%;
    height: 19%;
    border: none;
}

.video-flag {
    margin: 10px 0;
    border: none;
    width: auto;
}
.extend {
    height: 220px;
}
.thumbnail-list .video {
    min-height: 230px;
}
.now-playing {
    position: absolute;
    display: block;
    left: -1px;
    bottom: -1px;
    padding-top: 5px;
    width: 100%;
    height: 20px;
    text-align: center;
    background: #aaa;
    border: solid 1px #aaa;
    color: #000;
    z-index: 1000;
    vertical-align: bottom;
}
.medium .now-playing{
    font-size: 1.2em;
}
/* playlist styles */
.playlist {

}
/* video info and leader info modules (video title, duration) */
.leader-info {
    margin-top: 5px;
}
.video-info {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.title {
    font-size: 1.3em;
    margin: 5px 0;
}
.small .title {
    font-size: 1.1em;
}
.leader-name {
    margin: 0;
	color: #339900;
	color: rgba(67, 152, 21, .8);
	text-shadow: 0px 1px 0px #efefef, 0 0 0 #666, 0px 1px 0px #efefef;
}
.duration {
    color: #636363;
}
.info-icon {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 5px;
}
.quote {
    font-size: 1.3em;
}
.info-box {
	margin: 10px 0;
	padding: 10px;
	border: solid 2px #339900;
	border-radius: 5px;
	background-color: #efefef;
}
.info-box .item {
	margin: 5px 0;
}
/* ALTERNATE TYPOGRAPHY FONTS/COLORS/LAYOUTS */
.alt-body-font {
    font-family: "Londrina Solid", "Trebuchet MS", Arial !important;   
    -webkit-font-smoothing: antialiased;
}
.alt-header-font {
    font-family: "Averia Sans Libre", "Trebuchet MS", Arial !important;
}
.alt-text-color {
    color: #339900;
    color: rgba(51, 153, 0, 0.8);
    text-shadow: 0px 1px 0px #efefef, 0 0 0 #000, 0px 1px 0px #efefef;
}
.full-width {
	width: 100%;
}
.italic {
    font-style: italic;
}
.center {
    text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.extra-space {
    margin: 30px 0;
}
.no-bottom-space {
    margin-bottom: 0;
}
.flush-vertical {
    margin-top: 0;
}
.social-buttons {
	margin: 10px 0;
}
.social-buttons.heading {
	float: right;
	margin-top: 18px;
	width: 215px;
	height: 40px;
	line-height: 40px;
	background: none;
	text-align: center;
}
.social-buttons iframe {
    width: 90px !important;
}
.breadcrumb {
	float: left;
	margin: 10px 0;
	width: 100%;
	height: 20px;
	text-align: left;
	font-size: 1.1em;
	/*color: #636363;*/
	color: #2a2a2a;
	
	/*new logo change*/
	/*position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 0;*/
}
.breadcrumb a {
	color: #339900;
}
.tab-list {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 10px 0;
    padding: 0;
}
.tab-list li {
	float: left;
 /*display: inline-block; */
   margin: 0 5px;
   list-style: none;
}

.tab-list a {
    display: block;
    padding: 5px;
    border-radius: 3px;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    transition: background-color .1s;
}
.tab-list a:hover, .tab-list .current {
    text-decoration: none;
    background: #339900;
    color: #fff;
    border-radius: 3px;
    text-shadow: none;
}
.current {
    padding: 5px;
    background: #339900;
    color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #aaa;
    text-decoration: none;
}

.pagination {
	position: relative;
	float: right;
	margin: -40px 0 30px 0;
}
.tab-list a.arrow {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 18px;
	height: 20px;
	padding: 3px 0;
	background: url('/assets/images/pagination-icons.png') no-repeat;
	background-position: 0 0;
}
a.arrow.prev {
	background-position: 0 0;
}
.tab-list a.arrow.prev:hover {
	background-color: #339900; 
	background-position: 0 -28px;
}
a.arrow.next {
	background-position: 0 -56px;
}
.tab-list a.arrow.next:hover {
	background-color: #339900; 
	background-position: 0 -84px;
}
.tag-container {
	margin-bottom: 20px;
}
.link-button {
    margin: 5px 0;
    display: inline-block;
    padding: 8px;
    text-decoration: none;
/*    letter-spacing: 1px;*/
    border: solid 1px #AAA;
    background-image: url('/assets/images/right-diagonal.png');
    background-repeat: repeat;
    color: #339900;
    color: rgba(67, 152, 21, .8);
    text-shadow: 0px 1px 0px #EFEFEF, 0 0 0 #666, 0px 1px 0px #EFEFEF;
    -webkit-transition: background-image .1s;
    -moz-transition: background-image .1s;
    transition: background-image .1s;
}
.link-button:hover, .link-button.picked {
    border: solid 1px #339900;
    background-image: url('/assets/images/right-diagonal-hover.png');
    background-repeat: repeat;
 /*   text-shadow: 0 0 0 #666; */
    text-decoration: none; 
}
.link-button.picked {
	/*color: #4A4947;*/
	color: #2a2a2a;
}
.no-rgba .link-button:hover {
    border: solid 1px #339900;
    color: #fff;
    text-decoration: none;
}
.no-rgba .link-button:hover h1,
.no-rgba .link-button:hover h2,
.no-rgba .link-button:hover h3 {
	color: #fff;
}
.no-rgba .link-button:hover p {
	color: #333;
}
a.click-tag {
    margin: 3px 0;
	padding: 3px;
    font-size: 0.9em;
	letter-spacing: 0;
	background: #efefef;
	box-shadow: 1px 1px 5px #ccc;
	border-radius: 2px;
	cursor: pointer;
}
a.options {
    padding: 3px 6px;
    text-decoration: none;
    -webkit-transition: background .1s;
    -moz-transition: background .1s;
    transition: background .1s;
}
a.options:hover,
a.selected {
    background: #339900;
    text-align: center;
    text-decoration: none;
    color: #fff;
text-shadow: 0 -1px rgba(34, 25, 25, 0.5), 0 1px rgba(150, 150, 150, 0.5);
border-radius: 3px;
    
}
.no-textshadow a.options:hover,
.no-textshadow a.selected {
    color: #fff;
}
.options.space {
    margin: 0 5px;
}
.options.no-space {
margin-right: 7px;
}
.special {
    
}
/* jwplayer renames "ta-player" to "video-player_wrapper" */
.video-container {
    position: relative;
    margin: auto;
}
.video-still {
    width: 100%;   
    height: 100%;
}
.grid1010 .video-container {
    width: 656px;
    height: 369px;
  
}
.border {
    border: solid 1px #999;
}
.not-subscribed {
    position: absolute;
    z-index: 0;
}
.not-subscribed-message {
    position: absolute;
    top: 54%;
    left: 30%;
    margin: 125px 0 0 -27%;
    width: 94%;
    height: 30%;
    font-size: 1.1em;
    color: #fff;
    z-index: 1000;
    text-shadow: none;
}
.video-size {
    position: absolute;
}
.bc-hide {
    margin-left: -999em;
}
.bc-show {
    margin-left: 0;
}
.more-info {
}
.more-info .leader-name {
    margin-bottom: 0;
}
.more-info .occupation {
    margin-top: -15px;
    font-size: 1.1em;
}
.more-info p {
    margin: 10px 0;
}
.highlight {
    font-size: 1.2em;
    font-weight: bold;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;	
	border-bottom: 20px solid #000;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 20px solid #000;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid #000;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right: 20px solid #000;
}
.newsletter-signup-wrapper {
	color: #6FBE44;
}
.newsletter-signup {
	display: inline-block;
}
.newsletter-input {
	float: right;
	width: 48%;
}
/*placeholder color for email signup on homepage*/
.newsletter-signup-email {
	width: 69%;
}
.newsletter-signup-email::-webkit-input-placeholder {
  color: #6FBE44;
  opacity: 0.6;
}
.newsletter-signup-email::-moz-placeholder {
  color: #6FBE44;
  opacity: 0.6;
}
.newsletter-signup-email:-moz-placeholder {
  color: #6FBE44;
  opacity: 0.6;
}
.newsletter-signup-email:-ms-input-placeholder {
  color: #6FBE44;
  opacity: 0.6;
}
.newsletter-signup-email {
	float: left;
	border: solid 1px #6FBE44 !important;
	font-size: 1.65em;
	color: #3b3b3b;
}
.newsletter-signup-button {
	float: left;
	padding: 0 5px;
	background: #6FBE44;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	font-family: "Averia Sans Libre", "Trebuchet MS", Helvetica, Arial;
	font-size: 2em;
	border: none;
	cursor: pointer;
	text-decoration: none;
}
.newsletter-signup-button:hover {
	background: #3b3b3b;
}
.newsletter {
    display: none;
}
.newsletter h2 {
	font-family: "Londrina Solid", "Trebuchet MS", Arial;
	font-size: 2.0em;
	font-weight: normal;

}
/*
 * -------------------------------------------------------------
 * VARIOUS WIDGET ELEMENTS
 * 
 * -------------------------------------------------------------
 */
 .widget {
 	margin-top: 30px;
 	padding: 10px;
 	border: solid 2px #339900;
 	border-radius: 5px;
 	background: #c2c2c2;
	background: rgba(150, 150, 150, 0.2);

 }
 .ui-widget textarea {
 	font-family: "Averia Sans Libre", "Trebuchet MS", Helvetica, Arial;
 }
.tooltip {
    margin: 5px;
    padding: 5px;
    width: 110px;
    border: solid 1px #aaa;
    font-size: 0.8em;
    background: #fff;
    border-radius: 2px;
}
.screenshot {
    margin: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.note {
    font-weight: bold;
}
.alert {
    color: #cc0000;
}
.quote-item {
	float: left;
	border-radius: 5px;	
	-webkit-transition: background .1s;
    --moz-transition: background .1s;
    transition: background .1s;
	margin: 5px 0px;
    word-break: break-word;
}
.col1 {
	width: 192px;
}
.col2 {
	width: 384px;
}
.col3 {
	width: 576px;
}
.col4 {
	width: 768px;
}
.quote-item .quote {
	padding: 0 5px;
}
.quote-item a {
	color: #333;
	text-decoration: none;
}	
.quote-item:hover a {
	color: #000;	
}
.quote-item:hover {
	background-color: #eee;
	background-color: rgba(200, 200, 200, .6);
	border-color: transparent;
}
.quote-no-bg {
	background: transparent;
}
.quote-bg {
	color: #000;
	background-color: #eee;
	background-color: rgba(51, 153, 0, 0.3);
}
.quote-border {
	border: solid 2px #339900;
	border-radius: 5px;	
}
.quote-small {
	font-size: 1.0em;
}
.quote-medium {
	font-size: 1.4em;
}
.quote-large {
	font-size: 1.8em;
}
.vert-align-wrapper {
	display: table;
}
.vert-align-inner {
	display: table-cell;
	vertical-align: middle;
}
.large-message {
	width: 80%;
	margin: 0 auto 10px;
	padding: 40px;	
	border: solid 5px #ccc;
	border-radius: 7px;
	background-color: #e7e2d4;
	background-color: rgba(231,220,199, 0.5);
	box-shadow: 0 1px 0 #ddd;
	color: #333;
}
/*
 * -------------------------------------------------------------
 * ALL INTERVIEWS
 * -------------------------------------------------------------
 */
.all-leaders-controls {
    width: 100%;
}
.all-leaders-controls .upper {
    margin-top: -20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: url('/assets/images/left-diagonal-bg.png') repeat;
    border-bottom: solid 2px #aaa;
}
.all-leaders-controls .lower {
    overflow: hidden;
}
.leader-count, .sort-by {
    float: left;    
    padding-left: 10px;
}
.view-as, .criteria-list {
    float: right;
    padding-right: 10px;
}
.sort-by, .criteria-list {
    padding: 10px;
}
.sort-by {
    border-right: solid 2px #aaa;
}
.criteria-list-alpha {
	float: right;
	padding: 10px;
    font-size: 1.4em;
}
.criteria-list-recent {
	float: right;
	padding: 10px;
    font-size: 1.2em;
}
.back-to-top {
	display: block;
	float: right;
    width: 100px;	
}

/*
 * -------------------------------------------------------------
 * STATE RULES
 * (ERROR STATES, HIDDEN/VISIBLE ELEMENTS)
 * -------------------------------------------------------------
 */
.form-help {
    display: block;
    margin-top: 5px;
    max-width: 650px;
    font-style: italic;
    color: #999;
    font-size: 0.9em;
    vertical-align: top;
}
.is-error, .is-warning, .is-success, .is-default {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 6px;
    border-radius: 2px;
    font-size: 1em;
}
.page-status {
    display: block;
    text-align: center;
}
.is-success {
    border: solid 1px #339900;
    background: #d0e5c4;
    color: #339900;    
}
.is-warning {
    border: solid 1px #f2ef00;
    background: #ffffc5;
    color: #b3b000;
}
.is-error {
    background-color: #feeac8 !important;
    color: #fc7622;
}
.is-default {
	background-color: #feeac8 !important;
	color: #000;
	font-size: 1.25rem;
	text-align: center;
}
.is-hidden {
    display: none !important;
}
.is-visible {
    display: block !important;
}
.is-loading {
	/* "...loading" animation */
}
.is-inactive {
	border-color: #999;
	color: #999;
}
.page-success {
    
}
.page-warning {
    
}
.is-hardcoded {
    border: solid 1px #cc0000 !important;
}
.error-404 {
    text-align: center;
    font-size: 12em;
    color: #ccc;
    text-shadow: 1px 0px 5px #AAA;
}
.error-navexplore-text {
    text-align: center;
}
.text-404 {
    margin-top: 30px;
    font-size: 1.1em;
}
.text-404 .suggested-link {
	font-size: 1.4em;
}
/* TESTING/DEBUG STYLES */
.test-label {
    margin: 20px 0;
}
.hardcoded {
	position: relative;
    background-color: rgba(204, 0, 0, 0.2);
/*    border: solid 1px #cc0000; */
}
.hardcoded:before {
	content: "**hardcoded**";
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.4em;
	color: #ff0000;
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.grid1010 .thumbnail-list.small li.staff-profile-thumb {
	min-height: 300px;
}
.ghosted {
	opacity: 0.5;
}
.staff-profile-thumb img {
	width: 80%;
	margin: auto;
}
.img-container {
	padding-top: 10px;
	min-height: 170px;
}
.store-nav {
	font-size: 1.2em;
	text-align: center;
}
.store-nav li {
	
	padding: 5px;
}
.store-nav a.click-tag, .about-nav a.click-tag {
	padding: 10px;
}
.store-nav .current {
	margin: 3px 0;
	padding: 15px;
}
.store-item h3 {
	margin-top: 0;
}
.store-item {
	margin-bottom: 50px;
}
.about-nav {
	text-align: center;
}
.tilt, .tilt-reverse {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.tilt:hover {
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}
.tilt-reverse:hover {
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.profile-img img {
	max-width: none;
}
.profile-img .main-img {
	max-width: 450px;
}
.ajax-loader {
	line-height: 64px;
	vertical-align: middle;
	display: block;
}
/* --------------------- OVERRIDING JQUERY UI STYLE --------------------- */
.modal-dialog {
    display: none;
    padding: 10px;
    z-index: 10000; 
}
label.custom-check {
	display: inline-block;
	width: 10px;
	height: 10px;
}
.custom-check.ui-state-default {
	border: solid 3px #63ab3d;
	background: transparent;
}
.custom-check.ui-state-hover {
	background-image: none;
	border-color: #666;
}
.custom-check.ui-state-active {
	border: solid 3px #666;
	background-color: #63ab3d;
	background-image: none;
}
.ui-widget {
	font-size: 0.9em;
}
.ui-widget button {
	font-family: "Averia Sans Libre", "Trebuchet MS", Arial;
}
/*.ui-widget-content a {
     color: #fff;
}*/
.ui-dialog {
    position: fixed;
    font-family: "Averia Sans Libre", "Trebuchet MS", Arial !important;
    border: solid 5px #339900;
    border-radius: 5px;
    background-image: url('/assets/images/body-bg.gif');
    background-repeat: repeat;
     -webkit-box-shadow: 0 5px 10px rgba(55, 55, 55, .4);
    -moz-box-shadow: 0 5px 10px rgba(55, 55, 55, .4);
    box-shadow: 0 5px 10px rgba(55, 55, 55, .4);

}
.ui-dialog-buttonpane {
    border: none;
    background: url('/assets/images/body-bg.gif') repeat;
}
.ui-state-default {
    background: #339900;
    color: #2a2a2a;
}
.ui-dialog-titlebar {
    display: none;
}
/* To show circled "X" at top right of dialogs */
.ui-dialog .ui-dialog-content { 
    overflow: visible;
}
#request-quote-dialog .form-wrapper {
    overflow-x: hidden !important;
	overflow-y: auto !important;
}
.ui-widget-overlay {
	background-image: none;
	background-color: #000;
}
.close-x {
    width: 38px;
    height: 38px;
    text-align: center;
    position: absolute;
    top: -25px;
    right: -25px;
    background-image: url('/assets/images/close-x.png');
    background-position: center;
    background-repeat: no-repeat;
}
.close-x a {
    display: block;
    width: 38px;
    height: 38px;
}
.close-x a:hover {
    text-decoration: none;
}
/* styles for shorten.js plugin */
a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}

/*---------------------*/
/*---PARTICIPATE FAQ---*/
/*---------------------*/
#all-container {
	background-color: #FFF;
	padding: 5px;
}
.faq-info-container {
	padding: 10px 25px;
}
.faq-arrow.arrow-right {
	display: inline-block;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid green;
}
.faq-arrow.arrow-down {
	display: inline-block;
	margin-right: 6px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid green;
}
.faq-question {
	display: inline-block;
	margin: 20px 0 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
}
.answer {
	padding-left: 20px;
}

/*----------------------*/
/*- MEMBERSHIP SUCCESS -*/
/*----------------------*/
.roadmap-start-info {
    background-image: url('/assets/images/explore/success.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 286px;
    margin: 40px 0;
    position: relative;
    color: #fff;
}
.roadmap-start-section {
	margin-top: 80px;
}
.roadmap-info-title {
	font-size: 2rem;
	margin-bottom: 20px;
}
.roadmap-info-subtitle {
	font-size: 1.25rem;
}
.roadmap-start-section .button {
	margin-top: 45px;
	font-size: 1.75rem !important;
}
.leader-profile-name-display {
	text-transform: uppercase;
}