@charset "UTF-8";
/***************************************
LAYOUT STYLES
****************************************/

div#container_subscribe {
	max-width: 1200px;
	min-width: 420px;
    margin: 0 auto;
}

div#container_subscribe_pg2 {
	max-width: 1200px;
	min-width: 420px;
	margin: 0 auto;
}

nav.topnav { display: none; }

div#wrapper { display: flex; }

div#lft_sidebar {
    flex: 0 0 265px;
    margin-right: 5px;
	background: rgba(30, 16, 18, 0.95);
    border-radius: 10px;
}

div#main_content {
    flex: 0 0 550px;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

div#rgt_sidebar {
    flex: 1;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

footer#footer {
    margin-top: 5px;
    max-width: 1200px;
    height: 240px; /* DO NOT REMOVE*/
}

/* -- left sidebar for subscribe.php -- */

div#lft_sidebar_subscribe {
    flex: 0 0 265px;
	margin-right: 0px;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

div#lft_sidebar_subscribe_pg2 {
    flex: 0 0 500px;
	/*margin: 0px 0px 5px 0px;*/
	margin-right: 5px;
	/*padding-right: 5px;*/
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}
/* -- main div for join.php */
div#main_content_join {
    flex: 0 0 500px;
    margin-top: 20px;
    margin-right: 5px;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

/* -- main div for sign_in.php */
div#main_content_sign_in {
	flex: 1;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

/* -- main div for subscribe.php -- */
div#main_content_subscribe {
	flex: 1;
	margin: 0px 0px 0px 5px;
	width: 100%;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}
div#main_content_subscribe_pg2 {
	margin: 0px 5px 5px 5px;
	width: 507px;
	height: 600px;
	float: left;
	background: rgba(30, 16, 18, 0.5);
	border-radius: 15px;
}
/* -- main div for thank_you.php --- */
div#main_content_thank_you {
	flex: 1;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

/* ---------------- LFT_SIDEBAR specific styles ----------------*/
/* ----------- join.member_raves specific styles ------------*/
section.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}
#header_member_raves {
	margin: 15px 0px 15px 0px;
	width: 100%;
	height: 30px;
	background: #F3D61C;
	border-radius: 10px;
}

#member_raves, #subscriber_benefits {
	margin: 30px 10px 30px 10px;
	width: 90%;
	display: block;
	color: #FFFFFF;
}

#member_raves ul {
	margin-bottom: 30px;
}

#member_raves ul li {
	list-style: none;
}

#member_raves ul li:last-child {
	text-align: right;
}

/* --------------------------------------------------------------*/
/* ----------- subscribe.php specific styles ------------*/
#header_subscriber_benefits {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#subscriber_benefits figure figcaption {
    width: 100%;
	height: 90px;
    background: #1EC4F4 no-repeat;
    color: #ffffff;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
	margin-bottom: 20px;
}

#subscriber_benefits figure figcaption p { padding: 11px 10px; }

.benefit_img {
    display: block;
	margin-left: auto;
    margin-right: auto;
    width: 80%;
	margin-bottom: 30px;
}

#header_subscribe_pg2 {
	margin-top: 0px;
	width: 100%;
	height: 30px;
	background-image: url(../_images/subscribe/heading_subscribe_pg2.png);
}

div#member_info {
	margin: 30px 60px 30px 30px;
	width: auto;
}
div#member_info table {
	margin: 20px 0px 20px 0px;
	width: 100%;
	color: white;
	font-size: 1em;
}
.td_first {
	width: 25%;
}
#renew_detail {
	font-size: .85em;
}
div#subscription_price {
	height: 70px;
	width: 24%;
	margin: 0 auto;
	padding-bottom: 20px;
}
div#subscription_price p {
	padding-top: 5px;
	padding-left: 10px;
	font-size: 1em;
	height: 100%;
	width: 92%;
	color: #FFF;
	
	background: #F49321;
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;	
	
	border-radius: 7px;
}
div#pmt_button {
	height: 40px;
	width: 24%;
	margin: 0 auto;	
}
.invalid {
	font-size: 1em;
	color: red;
}
/* ---------------- MAIN_CONTENT specific styles ----------------*/
/* ---------------- Join Form specific styles ----------------*/
#header_join {
	margin-top: -20px;
	width: 100%;
	background: #F3D61C;
	border-radius: 10px;
}
#join_intro {
	margin: 30px 15px;
	width: 95%;
	display: block;
	color: #FFFFFF;
}
#join_form {
	margin: 30px;
	width: 80%;
	border: 0px;
	color: #FFFFFF;
	text-align: left;
}
/* clearfix hack to allow container of floated elements to recognize element height */
#join_form:before {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
#join_form:after {
	clear: both;
}
#join_form {
	zoom: 1;
}
/*end of hack*/
#join_form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#join_form li {
	margin: 0;
	margin-bottom: 1em;
	font-size: .9em;
}
label.text, label.email {
	display: block;
}

input[name="firstname"], input[name="lastname"]  {
	width: 200px;
	padding: .25em;
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;	
}
input[name="email"], input[name="confirm_email"] {
	width: 250px;
	padding: .25em;
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
}
input[name="password"], input[name="confirm_password"] {
	width: 200px;
	padding: .25em;
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
}
#password_detail {
	color: orange;
}
#password_error {
	color: red;
}
input[name="birth_yr"] {
	width: 50px;
	padding: .25em;
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
}
input[name="postal_code"] {
	width: 100px;
	padding: .25em;
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
}
select[name="gender"], select[name="country"] {
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;	
}

#gender_required {
	display: none;
	color: #CC3333;
	border: 1px solid #CC3333;
}
input[name="register"] {
	font-size: 1.5em;
	background: #F49321;
	color: white;
	width: auto;
	padding: .2em .4em;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
}
#join_form input[type=submit]:hover {
	background: -web-kit-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background: -moz-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background: -ms-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background: -o-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background: linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	-pie-background: linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	
	outline: none;
}
#join_form input:hover {
	outline: solid gold;
}
#join_form input:focus {
	outline: solid yellow;
}
#join_form select:focus {
	font-size: 1em;
	background: #F49321;
	color: white;
	cursor: pointer;
}
#email_exists_validation_msg {
	color:#F2B81C;
	font-weight: bold;
	margin-left: 10px;
}

/* ----------------- Sign-in Page specific styles ---------------*/
section.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}
#header_sign_in {
	width: 100%;
	height: 30px;
	background: #F3D61C;
	border-radius: 10px;
}
#entry_fm_subscriber_pg a {
	color: #F2B81C;
}
#join_link {
	color: #F2B81C;
}
#sign_in_form, #forgot_pwd_form, #reset_pwd_form, #subscribe_join_form {
	margin: 30px 10px 30px 100px;
	width: 75%;
	border: 0px;
	color: #FFFFFF;
	text-align: left;
}
#sign_in_form legend {
	display: block;
	padding: 0;
	font-size: 1.5em;
	color: #F49321;
	margin: 0 auto;
	margin-bottom: 30px;
}
#sign_in_form ul, #forgot_pwd_form ul, #reset_pwd_form ul, #subscribe_join_form ul {
	list-style: none;
}

#sign_in_form label, #forgot_pwd_form label, #reset_pwd_form label, #subscribe_join_form label {
	display: block;
	width: 50%;
	font-size: 1.5em;
	font-weight: 100;
	padding-top: 25px;
    padding-bottom: 10px;
	color: white;
}
#sign_in_form input, #forgot_pwd_form input, #reset_pwd_form input, #subscribe_join_form input {
	display: block;
	width: 75%;
	padding: 5px;
	background: #F49321;
	color: white;
	font-size: 1.5em;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
}
#sign_in_form input[type="password"], #reset_pwd_form input[type="password"], #subscribe_join_form input[type="password"] {/* increase password dot size */
	font: small-caption;
	font-size: 1.5em;
}
#sign_in_form input:hover, #forgot_pwd_form input:hover, #reset_pwd_form input:hover, #subscribe_join_form input:hover {
	outline: solid gold;
}
#sign_in_form input:focus, #forgot_pwd_form input:focus, #reset_pwd_form input:focus, #subscribe_join_form input:focus {
	outline: solid yellow;
}
#sign_in_form input[type=submit], #reset_pwd_form input[type=submit], #subscribe_join_form input[type=submit] {
	clear: both;
	margin-top: 2em;
	width: 125px;/*125px*/
	height: 35px;
	border: none;
	box-shadow: none;
	padding-left: 15px;
	
	background: #F49321;
	background-image: url(../_images/subscribe/padlock_30.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../_images/subscribe/padlock_30.png), -web-kit-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background-image: url(../_images/subscribe/padlock_30.png), -moz-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background-image: url(../_images/subscribe/padlock_30.png), -ms-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background-image: url(../_images/subscribe/padlock_30.png), -o-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background-image: url(../_images/subscribe/padlock_30.png), linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	-pie-background-image: url(../_images/subscribe/padlock_30.png), linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
}
#sign_in_form input[type=submit]:hover, #forgot_pwd_form input[type=submit]:hover, #subscribe_join_form input[type=submit]:hover {
	background: #FFBF7B;
	background-image: url(../_images/subscribe/padlock_30.png);
	background-repeat: no-repeat;
	background-image: url(../_images/subscribe/padlock_30.png), -web-kit-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background-image: url(../_images/subscribe/padlock_30.png), -moz-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background-image: url(../_images/subscribe/padlock_30.png), -ms-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background-image: url(../_images/subscribe/padlock_30.png), -o-linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	background-image: url(../_images/subscribe/padlock_30.png), linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	-pie-background-image: url(../_images/subscribe/padlock_30.png), linear-gradient(#CC3A12, #FFBF7B 50%, #F4B14D 51%, #F26E1A);
	
	outline: none;
}
#sign_in_form input[type=submit]:active, #forgot_pwd_form input[type=submit]:active, #subscribe_join_form input[type=submit]:active {
	background: #FFBF7B;
	background-image: url(../_images/subscribe/padlock_30.png);
	background-repeat: no-repeat;
	background-image: url(../_images/subscribe/padlock_30.png), -web-kit-linear-gradient(#F26E1A, #F4B14D 50%, #FFBF7B 51%, #CC3A12);
	background-image: url(../_images/subscribe/padlock_30.png), -moz-linear-gradient(#F26E1A, #F4B14D 50%, #FFBF7B 51%, #CC3A12);
	background-image: url(../_images/subscribe/padlock_30.png), -ms-linear-gradient(#F26E1A, #F4B14D 50%, #FFBF7B 51%, #CC3A12);
	background-image: url(../_images/subscribe/padlock_30.png), -o-linear-gradient(#F26E1A, #F4B14D 50%, #FFBF7B 51%, #CC3A12);
	background-image: url(../_images/subscribe/padlock_30.png), linear-gradient(#F26E1A, #F4B14D 50%, #FFBF7B 51%, #CC3A12);
	-pie-background-image: url(../_images/subscribe/padlock_30.png), linear-gradient(#F26E1A, #F4B14D 50%, #FFBF7B 51%, #CC3A12);
	
	outline: none;
	margin-top: 2.1em;
}
#subscribe_join_form select {
	display: block;
	width: 120px;
	padding: 5px;
	background: #F49321;
	color: white;
	font-size: 1.5em;
	cursor: pointer;	
	
	background: -webkit-linear-gradient(#C4761B, #FF9A23);
	background: -moz-linear-gradient(#C4761B, #FF9A23);
	background: -o-linear-gradient(#C4761B, #FF9A23);
	background: linear-gradient(#C4761B, #FF9A23);
	-pie-background: linear-gradient(#C4761B, #FF9A23);
	
	-webkit-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	-moz-box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	box-shadow: inset 0px 2px 3px #70440F, inset 0px -5px 3px #FFC854;
	
}
#subscribe_join_form select:hover {
	outline: solid gold;
}
#subscribe_join_form input:focus {
	outline: solid yellow;
}
#subscribe_join_form label#label_birth_yr {
	width: 120px;
}
#subscribe_join_form input#birth_yr {
	width: 75px;
}
#subscribe_join_form input#postal_code {
	width: 200px;
}
#subscribe_join_form select#country {
	width: 560px;
}
/*displayed if username/password are incorrect*/
.session_message {
	color: #F00;
	margin-top: 2em;
	margin-left: 5em;
}
/*used by script */
div.invalid {
	margin-left: 30px;
	padding-top: 5px;
	color: #f0540f;
}
.invalid a {
	text-decoration: none;
	color: #F2B81C;
}
/*------------- tooltip functionality ---------------------------*/
span.left {
	width: 150px;
	float: left;
}
span.middle {
	width: 40px;
	float: left;
}
span.right {
	margin-top: 68px;
	margin-left: -30px;
	width: 75px;
	float: left;
}
#sign_in_form label[type=text] {
	font-size: 1.25em;
}
#sign_in_form input[type=checkbox] {
	width: 1em;
	/*increase size of the checkbox*/
	-ms-transform: scale(1.5); /* IE */
  	-moz-transform: scale(1.5); /* FF */
  	-webkit-transform: scale(1.5); /* Safari and Chrome */
  	-o-transform: scale(1.5); /* Opera */
	margin-top: 32px;
	
	outline: none;
	border: none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#checkbox_text a {
	text-decoration: none;
}
div.tooltip_content {
	font-family: Arial;
	font-size: .75em;
	color: #FFF;
	padding: 20px;
	position: absolute;
	max-width: 15em;
	background-color: rgba(0,0,0,.85);
	-webkit-border-radius: 12px;
	border-radius: 12px;
	display: none;
	opacity: 0.0;
}
/*----------------- subscribe.php main content - specific styles -----*/
section.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}
#header_subscribe {
	margin-top: 0px;
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_faqs {
	margin-top: 0px;
	width: 100%;
	height: 30px;
	background-image: url(../_images/subscribe/heading_faqs.png);
}
div#subscribe_detail {
	margin: 30px;
}
div#subscribe_detail li {
	color: white;
	font-size: 1.5em;
	margin: 20px 0px 20px 30px;
}

div.sign-in_options {
	width: 100%;
	behaviour: url(PIE.htc);
}
div.sign-in_options p {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 1.5em;
}
#sign_in_form input[type=radio] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
}
/*clearfix hack to allow container of floated elements to recognize element height */
div.sign-in_options:before, .sign-in_options:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.sign-in_options:after {
	clear: both;
}
.sign-in_options {
	zoom: 1;
}
/*--- hack for < IE9 ---*/
/*--- hint: #old doesn't exist ---*/
div:not(#old) > input[type=radio] {
	display: none;
}
div:not(#old) > label {
	display: block;
	float: left;
	padding: 6px 10px 10px 35px;
	color: #FFF;
	cursor: pointer;
}
div:not(#old) > input[type=radio] + label {
	background: url(../_images/subscribe/uikit.png) no-repeat 0px 11px;
}
div:not(#old) > input[type=radio]:checked + label {
	background-position: 0px -38px;
}/*--- end of hack ---*/
#password_detail {
	padding-top: 5px;
	font-size: .75em;
}
div#sign_in_help {
	margin-left: 100px;
	margin-bottom: 30px;
	color: white;
}

div#sign_in_help h3 { color: white; }

div#sign_in_help ul {
	list-style: none;
}
div#sign_in_help a {
	font-style: italic;
    text-decoration: underline;
	color: white;
}
/* ------- accordion styles -------------- */
div#accordion_ctrl p {
	padding-bottom: 5px;
}
.ui-widget {
	margin: 30px 20px 30px 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	font-size: 1em;
	
}

/*--------------ERRORS page -----------------*/
#header_errors {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}

#errors {
	color: red;
}

/*-------------EMAIL PASSWORD LINK PAGE------------------*/
#header_forgot_pwd {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#forgot_pwd_intro, #reset_pwd_intro {
	margin: 30px 0 30px 30px;
	width: 550px;
	color: white;
}
#forgot_pwd_form input[type=submit] {
	clear: both;
	margin-top: 5em;
	width: 120px;
	border: none;
	box-shadow: none;
	
	background: #F49321;
	background: -web-kit-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background: -moz-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background: -ms-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background: -o-linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	background: linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
	-pie-background: linear-gradient(#BF6E1A, #FFAD23 50%, #F49321 51%, #BF6E1A);
}
/*-------------RESET PASSWORD PAGE------------------*/
#header_reset_pwd {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*-------------THANK YOU PAGE ---------------------------------------*/
#header_thank_you {
	width: 100%;
	height: 30px;
	background: #F3D61C;
	border-radius: 10px;
}
div#thank_you {
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	width: 50%;
	color: white;
	font-size: 2em;
    line-height: normal;
}
div#thank_you p {
	text-align: center;
}
/*--- spinner styling ---*/
#spinner  {
	padding-top: 2em;
    padding-bottom: 2em;
	font-size: .5em;
}
/*------------ SUBSCRIBE-JOIN PAGE ----------------------------------*/
#header_subscribe_join {
	width: 100%;
	height: 30px;
	background: #F3D61C;
	border-radius: 10px;
}

div#subscribe_join_intro {
	margin: 30px;
	width: 0 auto;
	height: auto;
	font-size: 1em;
	color: white;	
}
/*-------------- RIGHT SIDEBAR SPECIFIC STYLES -----------------------------*/
/* ---------------- join.rgt_sidebar specific styles ----------------*/
/* -----------rate_your_films --------------*/
#heading_rate_your_films {
	width: 100%;
	height: 30px;
	background: #1EC4F4;
	border-radius: 10px;
}
#heading_rate_your_films h3 {
    color: aliceblue;
}
#rate_your_films ul {
	margin: 30px 10px 30px 30px;
}
#rate_your_films li {
	color: #FFF;
	margin-bottom: 20px;
}

/*--------------star_rating_key -----------------*/
#heading_star_rating_key {
	width: 100%;
	height: 30px;
	background: #F3D61C;
	border-radius: 10px;
}
#star_rating table {
	margin: 30px auto 20px 20px;
}
#star_rating table tr:nth-child(even) {
	height: 3em;
	color: white;
}
#star_rating table td {
	height: 3em;
	color: white;
}
/*--------------MPAA_rating_key -----------------*/
#heading_mpaa_rating_key {
	width: 300px;
	height: 30px;
	background-image: url(../_images/star_ratings_5/heading_mpaa_rating_key.png);
	margin-top: 30px;
}
#mpaa_ratings p {
	color: #FFF;
}
#mpaa_ratings li {
	margin-left: 20px;
	margin-bottom: 20px;
}


/* MEDIA QUERIES */

@media screen and (max-width: 1200px) {
    
    /* main_content */
    #sign_in_form label, #subscribe_join_form label { width: 100%; }
    #sign_in_form input, #subscribe_join_form input { font-size: 1.25em; }
    #subscribe_join_form select { font-size: 1.25em; }
    
}

@media screen and (max-width: 1100px) {
    
    /* main_content */
    #subscribe_detail ul li { font-size: 1.25em; }
    div.sign-in_options p { font-size: 1.25em; }
    #sign_in_form label, #subscribe_join_form label { font-size: 1.25em; }
    
}
@media screen and (max-width: 1070px) {
    
     /* main_content */
    #sign_in_form input, #subscribe_join_form input { font-size: 1.2em; }
    #subscribe_join_form select { font-size: 1.2em; }
    
    /* rgt_sidebar */
    section#star_rating_key { display: none; }
    
}

@media screen and (max-width: 1015px) {
	
	/* Header */
	header#main_header {
		background: url(../_images/index/home_background_header_ps_1117.png) no-repeat left top;
	}
    
    /* main_content */
    #sign_in_form input, #subscribe_join_form input { font-size: 1em; }
    #subscribe_join_form select { font-size: 1em; }
}

@media screen and (max-width: 1000px ) {
    
    /* main_content */
    div#main_content_join { 
        flex: 1; 
        margin-right: 0px;
    }
	
	/* rgt_sidebar */
    div#rgt_sidebar { display: none; }
    
}

@media screen and (max-width: 980px ) {
    
    /* main_content */
    #subscribe_detail ul li { font-size: 1.2em; }
    div.sign-in_options p { font-size: 1.2em; }
    #sign_in_form label, #subscribe_join_form label { font-size: 1.2em; }
    
}

@media screen and (max-width: 957px ) {
    
    /* main_content */
    #subscribe_detail ul li { font-size: 1.1em; }
    div.sign-in_options p { font-size: 1.1em; }
    #sign_in_form label, #subscribe_join_form label { font-size: 1.1em; }
    #subscribe_join_form select#country { width: 80%; }
    
}

@media screen and (max-width: 930px) {
	
	/* header */
	header#main_header { background: url(../_images/index/home_background_header_ps_1020_no_tagline.png) no-repeat; }
    
    /* main_content */
    #forgot_pwd_intro, #reset_pwd_intro { width: 90%; }
    form#forgot_pwd_form label.email { 
        font-size: 1.5em; 
        margin-bottom: 5px;
    }
    form#forgot_pwd_form input { width: 100%; }
    #sign_in_form input, #subscribe_join_form input, #subscribe_join_form select { font-size: .9em; }
    
}

@media screen and (max-width: 910px ) {
    
    /* main_content */
    #subscribe_detail ul li { font-size: 1em; }
    div.sign-in_options p { font-size: 1em; }
    #sign_in_form label, #subscribe_join_form label { font-size: 1em; }
    
}

@media screen and (max-width: 875px) {
    
    /* footer */
    footer#footer { height: 270px; }
    footer#footer div#links p.legal { 
        margin-top: 10px;
        margin-left: 8px;
    }
    
}

@media screen and (max-width: 850px) {

    /* main_content */
    div#thank_you { font-size: 1.5em; }
    
}

@media screen and (max-width: 825px) {
    
    /* main_content */
    #sign_in_form input { font-size: .8em; }
    
    /* Footer */
    footer#footer div#links { width: 50%; }
    
}

@media screen and (max-width: 821px) {
    
    /* main_content */
    #header_subscribe h3, #header_subscribe_join h3 { font-size: 1em; }
    
	/* footer */
    footer#footer { height: 200px; }
    
    footer#footer div#links {
        margin-top: -60px;
        width: 80%;
    }  
    
}

@media screen and (max-width: 799px) {
    
    /* Navigation */
    section#nav-container { display: none; }
    
    nav.topnav {
        display: block;
        margin-top: -80px;
        background-color: #1E1012;
        overflow: hidden;
    }

    nav.topnav a {
        float: left;
        display: block;
        color: #F49321;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

    nav.topnav a:hover {
        background-color: #F2B81C;
        color: black;
    }
    
    /* Nav: dropdown container */
    nav.topnav div.dropdown {
      float: left;
      overflow: hidden;
    }

    /* Dropdown button */
    nav.topnav div.dropdown button.dropbtn {
      font-size: 16px; 
      border: none;
      outline: none;
      color: #F49321;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit; /* Important for vertical align on mobile phones */
      margin: 0; /* Important for vertical align on mobile phones */
    }

    /* Add a background color to navbar links on hover */
    nav.topnav a:hover, div.dropdown:hover button.dropbtn:hover {
        background-color: #F49321;
        color: black;
    }

    /* Dropdown content (hidden by default) */
    nav.topnav div.dropdown div.dropdown-content {
      display: none;
      position: absolute;
      background-color: #20212A;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }

    /* Links inside the dropdown */
    nav.topnav div.dropdown div.dropdown-content a {
      float: none;
      color: white;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }

    /* Add a background color to dropdown links on hover */
    nav.topnav div.dropdown .dropdown-content a:hover {
      background-color: #F49321; opacity: 0.8;
      color: black;
    }

    nav.topnav div.dropdown div.dropdown-content a.active {
        background-color: #F49321;
        color: white;
    }

    /* Show the dropdown menu on hover */
    nav.topnav div.dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* left sidebar */
    div#lft_sidebar { 
        display: none;
    }
    div#lft_sidebar_subscribe { 
        flex: 0 0 200px;
        margin-top: 80px; 
    }
    
    /* main content */
    div#main_content_sign_in { margin-top: 70px; }
    form#forgot_pwd_form ul li input[type=text] { 
        width: 95%; 
        font-size: 1em;
    }
    div#main_content_subscribe { 
        margin-top: 80px;
        margin-left: 0px;
    }
    div#subscribe_detail, #sign_in_form, #subscribe_join_form { margin-left: 30px; }
    div#subscribe_detail li { margin-left: 0px; }
    div#sign_in_help { margin-left: 30px; }
    div#sign_in_help h3 { font-size: 1.2em; }
    
    div#
    
    /*footer*/
    footer#footer { height: 220px; }
    
}

@media screen and (max-width: 660px) {
    
    /* main_content */
    #sign_in_form input, #subscribe_join_form input { width: 100%; }
    
}

@media screen and (max-width: 610px) {
    
    /* main_content */
    #header_subscribe { height: 60px; }
    
}

@media screen and (max-width: 540px) {
    
    /* main_content */
    #sign_in_form input { font-size: .75em; }
    
}

@media screen and (max-width: 510px) {
    
    /* main_content */
    #subscribe_detail ul li { font-size: .9em; }
    div.sign-in_options p { font-size: .9em; }
    #sign_in_form label { font-size: .9em; }
    
    /* footer */
    footer#footer div#links p.legal {
        margin-left: -80px;
        width: 90%;
        height: 50px;
    } 
    
}