@charset "UTF-8";
/* CSS Document */
/*----------Color Guide---------------------
#FFFFFF : white
#F49321 : burnt orange
#F3EB40 : reddish yellow
#F4CA5E : yellowish red
#F2B81C : orange
#F3D61C : light orange
#1EC4F4 : teal
#CDEBF2 : light blue
#DB3827 : amber
#1E1012 : umber
#362C5C : dark blue
#20212A : cobalt
*/

/***************************************
LAYOUT STYLES
****************************************/

nav.topnav { display: none; }

div#wrapper { display: flex; }

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

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

footer#footer {
    margin-top: 5px;
    max-width: 1200px;
	margin: 0 auto; 
    margin-top: 5px;
}

/* ---------------- main_content specific styles ----------------*/

div#main_content section { 
    height: inherit;
    padding-bottom: 50px;
    background: none;
}

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

div#mbr_acct, div#subscriber_cancel, div#member_cancel { margin: 30px;}

div#subscriber_cancel {
	display: none;
} 
div#subscriber_cancel hr {
	margin: 30px 20px 10px 20px;
} 
div#member_cancel hr {
	margin: 30px 20px 10px 20px;
}

/* clearfix hack to allow container of floated elements to recognize element height */
#email_update_form:before, #email_update_form:after, #cancel_subscription_form:before, #cancel_subscription_form:after, #cancel_membership_form:before, #cancel_membership_form:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

#email_update_form:after, #cancel_subscription_form:after, #cancel_membership_form:after {
	clear: both;
}

#email_update_form, #cancel_subscription_form, #cancel_membership_form {
	zoom: 1;
}
/*end of hack*/

#email_update_form {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
}

#email_update_form fieldset, #cancel_subscription_form fieldset, #cancel_membership_form fieldset {
	border: none;
	margin: 0;
	padding: 0;
	margin: 10px;
}

#email_update_form fieldset:before, #cancel_subscription_form fieldset:before, #cancel_membership_form fieldset:before {/*hack for prior versions of IE*/
	content: attr(title);
	display: block;
	padding: 0;
	font-size: 1.5em;
	color: #F49321;
	margin: 0 auto;
}

#email_update_form legend, #cancel_subscription_form legend, #cancel_membership_form legend {
	display: none;
}
/* end of hack*/

#email_update_form ul, #cancel_subscription_form ul, #cancel_membership_form ul {
	list-style: none;
}

#email_update_form label, #cancel_subscription_form label, #cancel_membership_form label {
	display: block;
	width: 100%;
	margin-left: 30px;
	font-size: 1.5em;
	font-weight: 100;
	padding-top: 25px;
	color: white;
}

#email_update_form input, #cancel_subscription_form input, #cancel_membership_form input {
	display: block;
	width: 90%;
	margin-left: 30px;
	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;
}

#email_update_form input[type="password"], #cancel_subscription_form input[type="password"], #cancel_membership_form input[type="password"] {/* increase password dot size */
	font: small-caption;
	font-size: 1.5em;
}
#password_detail {
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 50px;
	font-size: 1em;
	color: white;
}
#email_update_form input:hover, #cancel_subscription_form input:hover, #cancel_membership_form input:hover { outline: solid gold; }

#email_update_form input:focus, #cancel_subscription_form input:focus, #cancel_membership_form input:focus { outline: solid yellow; }

ul.not_names { margin-top: 0px; }

#terms {
	margin-top: 20px;
	color: #fff;
}

#email_update_form a, #cancel_subscription_form a, #cancel_membership_form a { color: #F49321; }

#save_button, #submit_button {
	margin: 20px 0px 10px 80px;
	float: left;
}

.invalid {
	margin-left: 30px;
	padding-top: 5px;
	color: #f0540f;
}

#email_update_form input[type=submit], #cancel_subscription_form input[type=submit], #cancel_membership_form input[type=submit] {
	margin-left: -48px;
	width: 100px;
	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);
}

#email_update_form input[type=submit]:hover, #cancel_subscription_form input[type=submit]:hover, #cancel_membership_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;
}

#cancel_subscription_form, #cancel_membership_form {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
}

#subscriber_warning { color: white; }

div#cancel_button input[type=reset], #clear_button input[type=reset] {
	float: right;
	margin: 20px 20px 0 0;
	width: 100px;
	border: none;
	box-shadow: none;
	
	background: #747474;
	background: -web-kit-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: -moz-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: -ms-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: -o-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	-pie-background: linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
}

div#cancel_button input[type=reset]:hover, #clear_button input[type=reset]:hover {
	background: -web-kit-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: -moz-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: -ms-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: -o-linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	background: linear-gradient(#4B4B4B, #C9C9C9 50%, #A6A6A6 51%, #4B4B4B);
	-pie-background: linear-gradient(#686868, #C9C9C9 50%, #A6A6A6 51%, #686868);
	
	outline: none;
}
/*----------- end of main_content ---------------*/

/* ---------- rt_sidebar ----------------------*/
/* ---------- end of rt_sidebar ------------*/


/* MEDIA QUERIES */

@media screen and (max-width: 1015px) {
	
	/* Header */
	header#main_header {
		background: url(../_images/index/home_background_header_ps_1117.png) no-repeat left top;
	}
}

@media screen and (max-width: 990px) {
	
	/* main_content */
    #email_update_form fieldset:before, #cancel_subscription_form fieldset:before, #cancel_membership_form fieldset:before { font-size: 1.25em; }
    #email_update_form label, #cancel_subscription_form label, #cancel_membership_form label { font-size: 1em; }
    #email_update_form input, #cancel_subscription_form input, #cancel_membership_form input { font-size: 1em; }
	#save_button, #cancel_button, #clear_button, #submit_button {
	    float: none;
        display: inline-flex;
    }
    ul.not_names li input#new_password_input, ul.not_names li input#confirm_password_input { font-size: 1em; }
    #cancel_button, #clear_button { margin-left: 20px; }
    
}

@media screen and (max-width: 930px) {
	
	/* header */
	header#main_header { background: url(../_images/index/home_background_header_ps_1020_no_tagline.png) no-repeat; }
    
}

@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: 825px) {
    
    /* Footer */
    footer#footer div#links { width: 50%; }
    
}

@media screen and (max-width: 821px) {
    
	/* 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;
        /*flex: 0 0 150px; 
        margin-top: 60px;*/
    }
    
    /*.decade li { margin-left: 30px; }
    .decade ul a { margin-left: -20px; }*/
    
    /* main content */
    div#main_content { margin-top: 60px; }
    
}

@media screen and (max-width: 650px) {
    
    /* main content */
    div#mbr_acct, div#subscriber_cancel, div#member_cancel { margin-left: 0px; }
    
}

@media screen and (max-width: 600px) {
    
    /* main content */
    #email_update_form fieldset:before, #cancel_subscription_form fieldset:before, #cancel_membership_form fieldset:before { font-size: 1em; }
    #email_update_form input, #cancel_subscription_form input, #cancel_membership_form input { font-size: .9em; }
	
    #cancel_button, #clear_button { margin-right: 0px; }
    
}

@media screen and (max-width: 521px) {
    
     /* main content */
    div#mbr_acct, div#subscriber_cancel, div#member_cancel { margin-left: -10px; }
    #email_update_form label, #cancel_subscription_form label, #cancel_membership_form label { margin-left: 10px; }
    #email_update_form input, #cancel_subscription_form input, #cancel_membership_form input { margin-left: 10px; }
    #save_button, #submit_button { margin-left: 60px; }

}

@media screen and (max-width: 510px) {
    
    /* footer */
    footer#footer div#links p.legal {
        margin-left: -80px;
        width: 90%;
    } 
    
}