/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul { list-style: none; } 
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


		

/* @font-face
================================================== */
@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/bebas/BebasNeue-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/bebas/BebasNeue-webfont.woff') format('woff'), /* Modern Browsers */
	     url('fonts/bebas/BebasNeue-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/bebas/BebasNeue-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
	font-family: 'Hero';
	src: url('fonts/hero/hero-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/hero/hero-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/hero/hero-webfont.woff') format('woff'), /* Modern Browsers */
	     url('fonts/hero/hero-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/hero/hero-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}



/* #Links
================================================== */
a, a:visited { color: #fff; text-decoration: none; outline: 0; }

a:hover, #filter_main .filter_drug .filter_option:hover, #filter_main .filter_source .filter_option:hover, 
.filter_drug_user .filter_option:hover, #delete_playlist:hover, #cancel_delete:hover , #quick_comment:hover, 
#cc_option:hover, .ajax_view_switch:hover, .taken_error_login_switch:hover, .login_view_switch:hover, .close_popup:hover, 
#payment-form .cvc_label .cvc_whatisthis:hover{
	color: #84A1AC !important; 
}

p a, p a:visited { line-height: inherit; }
	
	

/* #Basic Styles
================================================== */

html{
    background: url('final_background.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*for mobile, it looks safer and more consistent to use a solid background, instead of an image*/
html.mobile_viewing.overdosepage, html.mobile_viewing.stereoverdosepage, html.mobile_viewing.reset_pw_page, html.mobile_viewing.donation_optionspage,
html.mobile_viewing.donatepage, html.mobile_viewing.thanks_for_donatingpage{
    background:#111111 !important;
}

body {
	line-height:1.5;
	font-size:62.5%;
	font-family:'Bebas Neue', Arial, Sans Serif;
	color: #FFF;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

.main {
    margin:0 auto;
    width:980px;
    min-height: 585px;
    position:relative;
}


.main.splashmainextra{
    height:100vh;
}

.leftbar {
    width:630px;
    float:left;
    margin: 0 30px 0 0;
    min-height:400px;
}



.leftbar.create_playlist  {
	width:inherit;
}

.leftbar.index_page {
	width:580px;
	margin: 0 80px 0 0;
}

.centerbar {
    width:630px;
    margin: 60px auto 0 auto;
}

.rightbar{
    width:320px;
    float:left;
}



.container {
    position:relative;
}


/* Nested Column Classes */
    .alpha{ margin-left: 0 !important;}
    .omega{ margin-right: 0 !important; }




/* .rightbar
================================================== */    
.mobile_app_box{
    width:318px;
    height:160px; /*height:93px;*/ 
    padding: 5px 0px 0px 0px;
    background:#000;
    font-size:2em;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow:    3px 4px 4px #000;
    -webkit-box-shadow: 3px 4px 4px #000;
    box-shadow:         3px 4px 4px #000;

}

.mobile_app_box p{
    margin:0 0 5px 0;
}

.med_rect_box{
    width:315px;
    padding: 12px 0px 20px 3px;
    background:#000;
    font-size:2em;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow:    3px 4px 4px #000;
    -webkit-box-shadow: 3px 4px 4px #000;
    box-shadow:         3px 4px 4px #000;
}

.med_rect_box h4 {
    font-size:24px;
    padding:0 20px;
    line-height:30px;
    margin: 5px 0 10px 0;
}

.med_rect_box .minibutt {
    width:230px;
    border:#935393 solid 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
    color:#000;
    background-color:#808080;
    padding:6px 0 3px 0;
    font-size:22px;
    display:block;
    letter-spacing:5px;
    margin:0 auto;
}

.med_rect_box .minibutt:hover{
    color:#fff !important;
    background-color:#2d2d2d;
}

.android_box {
    margin: 0 5px 0 0;
}

.countdown_container {
    width:120px;
    height:120px;
    position:relative;
    display:inline-block;
}
.days_left {
    margin: 0 25px 0 0;
}

.countdown_container div{
    position:absolute;
    left:0;
    top:0;
    width:120px;
    height:120px;
    text-align:center;
}

.countdown_container p.rightbar_counter{
    font-size:45px;
    color:#d3d3d3;
    line-height:45px;
}

.countdown_container p{
    font-size:16px;
    color: #94538f;
    line-height:18px;
}

.countdown_container .countdown_wording{
    margin:25px 0 0 0;
}


/* #Header
================================================== */
header {
    border-bottom:1px solid #FFF;
    position:relative;
    padding:10px 0 0 0;
    margin: 0 0 42px 0;
}

header.playlist{
    margin: 0 0 25px 0;
}

#home_link h1{
    float:left;
    font-family:'Code Light', Arial, Sans Serif;
    font-size:3em;
    text-shadow: 0px 0px 1px #c8cecd;
    filter: dropshadow(color=#c8cecd, offx=0, offy=0);
    color: #c8cecd;
    line-height:1.3;
   
}

#menu {
    font-family:'Hero',Arial, San Serif;
    text-transform:uppercase;
    color:#fff;
    font-size:1.3em;
    letter-spacing:2px;
    position: absolute;
    bottom: 3px;
    right: 0;

}

#logo {
    width:216px;
    height:30px;
    position:relative;
    left:-5px;
}

/* footer
================================================== */  
footer {
	float:left;
    font-family:'Hero',Arial, San Serif;
    text-transform:uppercase;
    font-size:1.1em;
    letter-spacing:2px;
    padding: 80px 0 100px 0;
    text-align:center;
    width:100%;
}

footer .fb-like {
    margin:0 0 0 10px;
    bottom:-1px;
}

/* #promo stuff
================================================== */

#promo_box1, #promo_box2{
    text-align:center;
    cursor:pointer;
    display:block;
}


#promo_box1:hover {
    color: #fff !important; 
}

#promo_box1 {
    width:400px;
    border:#935393 solid 2px;
    margin:0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:20px 0 0 0;
}

#promo_box2 {
    width:300px;
    border:#935393 solid 2px;
    margin:30px auto 70px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
    color:#000;
    background-color:#808080;
    padding:5px 0 8px 0;
}

#promo_box2:hover {
    color:#fff !important;
    background:rgba(0,0,0,.8);
}

#box2_line1{
    font-family:"Hero";
    text-transform:uppercase;
    font-size:20px;
}

#box2_line2{
    letter-spacing:7px;
    font-size:29px;
    line-height:29px;
}
    
#box1_line1{
    font-size:94px;
    line-height:94px;
}
#box1_line2{
    font-size:97px;
    line-height:85px;
}
#box1_line3{
    font-size:135px;
    line-height:130px;

}

#promo_big_box{
    height:450px;
    position:absolute;
    top:47%;
    margin:-225px auto 0 auto;    
    width:630px;
}

#promo_page_header{
    text-align:center;
    margin:40px auto 30px auto;
    font-size:40px;
    width:450px;
    line-height:44px;
}

.promo_page_leftbar{
    width:550px;
    font-size:18px;
    font-family:'Hero',Arial, Sans Serif;
    float:left;
}

.promo_page_leftbar p{
    margin:0 0 20px 0;
}

.promo_page_leftbar iframe {
    margin: 0 0 30px 0;
}

.promo_page_rightbar{
    float:left;
    padding: 0 0 0 30px;
    margin: 0 0 0 30px;
    border-left:1px #935393 solid;
    width:350px;
}

.promo_page_rightbar h3{
    font-size:40px;
    margin: 45px 0 0 0;
    color:#935393;
    line-height:40px;
}

.promo_page_rightbar p{
    font-size:24px;
    font-family:'Hero',Arial, Sans Serif;
}

.promo_page_rightbar p.subscriber_count{
    font-size:16px;
    color:#808080;
    line-height:16px;
}

.promo_page_rightbar p.smaller_promo_des{
    font-size:20px;
}

.promo_page_rightbar .benefits_promo_list li{
    font-size:18px;
    font-family:"Hero";
}

.promo_page_rightbar .benefits_promo_list ul {
    counter-reset: foo;
    display: table;
}

.promo_page_rightbar .benefits_promo_list ul > li {
    counter-increment: foo;
    display: table-row;
}

.promo_page_rightbar .benefits_promo_list ul > li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: left;
    font-family:"Bebas Neue";
    color: #935393;
    padding:2px 10px 2px 0;
}

.promo_page_leftbar a.buy_stereoverdose_link{
    margin:20px 0 0 0;
    width:350px !important;

}

.promo_page_rightbar a.buy_stereoverdose_link, .promo_page_leftbar a.buy_stereoverdose_link{
    font-size:29px;
    width:230px;
    padding:6px 0 3px 0;
    font-family:"Bebas Neue";
}

.promo_page_rightbar a.buy_stereoverdose_link, .promo_page_leftbar a.buy_stereoverdose_link, #cc_option, #paypal_option, #bitcoin_option{
    border:#935393 solid 2px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
    color:#000;
    background-color:#808080;
    display:inline-block;
    text-align:center;
    letter-spacing:5px;
    cursor:pointer;
}

.promo_page_rightbar a:hover, #cc_option:hover, #paypal_option:hover, .promo_page_leftbar a.buy_stereoverdose_link:hover,
#bitcoin_option:hover{
    color:#fff !important;
    background:rgba(0,0,0,.8);
}

.overdose_form_box.hideaway{
    display:none;
}

.login_view_switch{
    color: #b2b693;
    cursor:pointer;
}

.error_line_div{
    position:relative;
    top:13px;
}

.side_msgs .error_line_div{
    display:none;
}


.inline_val_busy{
    font-size:14px;
    font-family:"Hero";
    margin:0 0 0 13px;

}


.side_msgs p, .cc_input_error_text, #web2py_user_form .error_line_div p, p.donation_amount_error{
    border-radius: 03px;
    padding:5px 5px 5px 7px;
    background:#961221;
    width:260px;
}

#web2py_user_form .error_line_div p{
    margin:0 0 0 13px;
}

#reset_pw_form p.reset_pw_form_error{
    width:200px;
}
/*
#reset_pw_form p.reset_pw_form_error::after{
    content:" ";
    width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom:15px solid transparent; 
	border-right:15px solid #961221; 
    position:absolute;
    top:0;
    bottom:0;
    left:2px;
    margin: auto;
}
* */

.error_triangle{
    width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom:15px solid transparent; 
	border-right:15px solid #961221; 
    position:absolute;
    top:0;
    bottom:0;
    left:2px;
    margin: auto;
}

.side_msgs .error_line_div.reveal{
    display:block;
}


.infopage .checkout_ps p{
    font-size:18px;
    margin: 0 0 20px 0;
}

.infopage .checkout_ps h2{
    font-size:40px;
    margin:0 0 5px 0;
}

.checkout_method_page.infopage h2{
    font-size:30px;
}
.checkout_method_page.infopage h3{
    margin:0 0 10px 0;
    font-size:24px;
}
.checkout_method_page.infopage h2, .checkout_method_page.infopage h3, .user_page_header, .verifymainextra h2, #center_login_box h3{
    color:#935393;
}

.stereoverdose_container, .reset_pw_page .leftbar, .donation_options_container{
    width:460px;
    margin:0 auto; /* this will be centering for screens bigger than 500px*/
    float:none;
}
.main.stereoverdosemainextra .leftbar, .main.donatemainextra .leftbar, .main.thanks_for_donatingmainextra .leftbar{
    float:none;
    width:100%;
}

.main.stereoverdosemainextra .infopage, .reset_pw_page .infopage, .main.donatemainextra .infopage, .main.thanks_for_donatingmainextra .infopage{
    width:100%;
    margin:0 auto !important;
}

.checkout_method_page form table, .reset_pw_page form table{
    width:100%;
}

.stereoverdosemainextra .login_switch_box input[type="text"], .stereoverdosemainextra .whole_pw_box_outer, .reset_pw_page input[type="text"], 
.reset_pw_page .whole_pw_box_outer{
    width:100% !important;
    box-sizing: border-box;  
}

.stereoverdosemainextra .pw_input_wrapper, .reset_pw_page .main .infopage .pw_input_wrapper{
    width: 80% !important;
}
.stereoverdosemainextra .reveal_pw_box, .reset_pw_page .main .infopage .reveal_pw_box{
    width: 20%;
}

#stereoverdose_login_box .error, .stereoverdosemainextra .general_error.reveal{
    width:100% !important;
    box-sizing: border-box;  
}

/* Force table to not be like tables anymore, so errors can be styled more easily */
.main.stereoverdosemainextra table, .main.stereoverdosemainextra thead, .main.stereoverdosemainextra tbody, 
.main.stereoverdosemainextra th, .main.stereoverdosemainextra td, 
.main.stereoverdosemainextra tr, .reset_pw_page .main table, .reset_pw_page .main thead, 
.reset_pw_page .main tbody, .reset_pw_page .main th, .reset_pw_page .main td, 
.reset_pw_page .main tr, .main.donatemainextra table, .main.donatemainextra thead, .main.donatemainextra tbody, 
.main.donatemainextra th, .main.donatemainextra td, .main.donatemainextra tr{ 
    display: block; 
}

.main.stereoverdosemainextra tr, .reset_pw_page .main tr, .main.donatemainextra tr{
    padding:0 0 40px 0 !important;
}

.main.stereoverdosemainextra tr[id*="submit_record__row"], .main.donatemainextra tr[id*="submit_record__row"]{
    padding:0 0 20px 0 !important;
}

.main.stereoverdosemainextra td, .reset_pw_page .main td, .main.donatemainextra td{
    padding:0 0 0 0 !important;
}

.stereoverdosemainextra .error_line_div, .reset_pw_page .main .error_line_div, .donatemainextra .error_line_div{
    top:0;
}

.stereoverdosemainextra .error_triangle, .reset_pw_page .main .error_triangle, .donatemainextra .error_triangle{
    display:none;
}

.stereoverdosemainextra .side_msgs p, .cc_input_error_text, .reset_pw_page .main #web2py_user_form .error_line_div p, .donatemainextra .side_msgs p{
    margin:2px 0 0 0;
}

.stereoverdosemainextra .side_msgs p, .reset_pw_page .main #web2py_user_form .error_line_div p, .donatemainextra .side_msgs p{
    width:auto;
}

.stereoverdosemainextra input.btn, .donatemainextra input.btn{
    margin:30px 0 5px 0 !important;
}


/* #donation_options page
================================================== */
.donation_options_container h3 {
    font-size:30px;
    color:#935393;
    margin:0 0 30px 0;
}


.donation_options_container p{
    font-family:'Hero';
    font-size:16px;
}

.donation_option h4 {
    font-size:25px;
}

.donation_option {
    margin:0 0 40px 0;
    border-radius: 8px;
    border: 2px solid #935393;
    padding:10px 20px 15px 20px;
    display:block;   
    background:rgba(0,0,0,.5);
}


/* #donate page
================================================== */
.donate_page {
    height:1000px;
}

#donation_amount_form {
    margin: 0 0 50px 0;
}

#donation_amount_form label:not(#custom_amount_label), #custom_amount_box{
    width:60px;
    display:inline-block;
    background-color: #808080;
    color:#000;
    border-radius:3px;
    padding:5px 15px;
    line-height:30px;
    height:30px;
    font-size:20px;
    white-space:nowrap;
    margin:10px 10px 10px 0;
    cursor:pointer;
    letter-spacing:2px;
}


#donation_amount_form input {
    margin:0 10px 0 0;
}

#donation_amount_form input[type="text"] {
    width:70px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 16px;
    padding: 3px 5px;
}

#custom_amount_box {
    width:auto;
}

#donation_amount_form p.donation_amount_error {
    width:255px;
    font-size:16px;
    padding:5px 15px;
}

.ios_viewing #custom_amount_box input[name="other_amount"]{
    position: relative;
    vertical-align: middle;
    bottom: -1px;
}

/* #mobile promo stuff
================================================== */

.mobile_viewing .main.stereoverdosemainextra, .mobile_viewing.reset_pw_page .main, .mobile_viewing.donation_optionspage .main, .mobile_viewing.donatepage .main,
.mobile_viewing.thanks_for_donatingpage .main{
    padding:5px 0;
    width:460px;
    margin:0 auto; /* this will be centering for screens bigger than 500px*/
}

.mobile_viewing .stereoverdose_container, .mobile_viewing .donation_options_container{
    width:100%;
}
.mobile_viewing .main.stereoverdosemainextra .leftbar, .mobile_viewing.reset_pw_page .main .leftbar, .mobile_viewing .main.stereoverdosemainextra .leftbar, 
.mobile_viewing .main.donatemainextra .leftbar, .mobile_viewing .main.thanks_for_donatingmainextra .leftbar{
    margin:0;
    width:100%;
}


.mobile_viewing input[type="submit"]{
    -webkit-appearance: none !important; /*so buttons don't have any extra styling from iOS browser*/
}

/*
.mobile_viewing .main.stereoverdosemainextra .infopage, .mobile_viewing.reset_pw_page .main .infopage{
    width:100%;
    margin:0 auto !important;
}
* */

.mobile_viewing #stereoverdose_progbar_outer {
    margin:0 -5px 30px -5px; /* the -5px left/right is to remove outer border spacing */
}

/*
.mobile_viewing .checkout_method_page form table, .mobile_viewing.reset_pw_page .main .infopage form table{
    width:100%;
}
* */
.mobile_viewing.android_viewing input[type="text"], .mobile_viewing.android_viewing input[type="password"], .mobile_viewing.android_viewing select{
    font-family:Arial !important; /*so input text doesn't become bebas Neue for android */
}

/*
.mobile_viewing .stereoverdosemainextra .login_switch_box input[type="text"], .mobile_viewing .stereoverdosemainextra .whole_pw_box_outer, 
.mobile_viewing.reset_pw_page .main .infopage .whole_pw_box_outer, .mobile_viewing.reset_pw_page .main .infopage input[type="text"]{
    width:100% !important;
    box-sizing: border-box;  
}
* */

/*
.mobile_viewing .stereoverdosemainextra .pw_input_wrapper, .mobile_viewing.reset_pw_page .main .infopage .pw_input_wrapper{
    width: 80% !important;
}
.mobile_viewing .stereoverdosemainextra .reveal_pw_box, .mobile_viewing.reset_pw_page .main .infopage .reveal_pw_box{
    width: 20%;
}
*/
.mobile_viewing .stereoverdosemainextra .under_submit_login_p{
    margin:30px 0 0 0;
    font-size:20px;
}

/*
.mobile_viewing #stereoverdose_login_box .error, .mobile_viewing .stereoverdosemainextra .general_error.reveal{
    width:100%;
    box-sizing: border-box;  
}
* */

/* Force table to not be like tables anymore, so errors can be styled more easily */
/*
.mobile_viewing .main.stereoverdosemainextra table, .mobile_viewing .main.stereoverdosemainextra thead, .mobile_viewing .main.stereoverdosemainextra tbody, 
.mobile_viewing .main.stereoverdosemainextra th, .mobile_viewing .main.stereoverdosemainextra td, 
.mobile_viewing .main.stereoverdosemainextra tr, .mobile_viewing.reset_pw_page .main table, .mobile_viewing.reset_pw_page .main thead, 
.mobile_viewing.reset_pw_page .main tbody, .mobile_viewing.reset_pw_page .main th, .mobile_viewing.reset_pw_page .main td, 
.mobile_viewing.reset_pw_page .main tr{ 
    display: block; 
}
*/

.mobile_viewing .main.stereoverdosemainextra tr, .mobile_viewing.reset_pw_page .main tr{
    padding:0 0 30px 0 !important;
}

/*
.mobile_viewing .main.stereoverdosemainextra td, .mobile_viewing.reset_pw_page .main td{
    padding:0 0 0 0 !important;
}
* */
/*
.mobile_viewing #payment-form td{
	padding:0;
    height:auto;
}

.mobile_viewing .stereoverdosemainextra .error_line_div, .mobile_viewing.reset_pw_page .main .error_line_div{
    top:0;
}

.mobile_viewing .stereoverdosemainextra .error_triangle, .mobile_viewing.reset_pw_page .main .error_triangle{
    display:none;
}
*/

.mobile_viewing .stereoverdosemainextra .side_msgs p, .mobile_viewing.reset_pw_page .main #web2py_user_form .error_line_div p{
    margin:1px 0 0 0;
}

/*
.mobile_viewing .main.stereoverdosemainextra .checkout_method_page #stripe_payment_form{
    padding:0;
    width:100%;
}

.mobile_viewing .main.stereoverdosemainextra .checkout_method_page #paypal_checkout_form {
    width:320px;
}
*/
.mobile_viewing .payment-errors {
    width:auto;
}
/*
.mobile_viewing .main.stereoverdosemainextra .checkout_method_page .cc_input_error{
    float:none;
    position:static;
    margin:0;
}
* */
.mobile_viewing .checkout_method_page #cvc_row .cc_input_error{
    margin:2px 0 0 0;
}

/*
.mobile_viewing .main.stereoverdosemainextra .checkout_method_page .cc_input_error_text{
    margin:0;
}

.mobile_viewing .main.stereoverdosemainextra .checkout_method_page #number_row .cc_input_error_text{
    width:225px;
}
* 
.mobile_viewing .main.stereoverdosemainextra .checkout_method_page #exp_row .cc_input_error_text{
    width:260px;
}

.mobile_viewing .main.stereoverdosemainextra .checkout_method_page .purchase_details_box{
    width:auto;
}
*/    
.mobile_viewing #cvc_explanation_box{
    right:0;
    bottom:-10%;
    padding:10px 10px;
}

.mobile_viewing #cvc_explanation_box .card_display_box{
    margin:15px 35px 15px 35px;
}

.mobile_viewing #payment-form .cvc_label .cvc_whatisthis{
    font-size:15px;
}

.mobile_viewing .mobile_links_box{
    margin:30px 0 0 0;
}
.mobile_viewing .mobile_links_box a{
    display:block;
    float:left;
    margin:0 10px 0 0;
}

/*
.mobile_viewing #reset_pw_form p.reset_pw_form_error::after{
    display:none;
}
*/

.mobile_viewing .sub_1000_width_mobile{
    display:none;
}

.mobile_viewing .promo_page_leftbar a.buy_stereoverdose_link.second_overdoseme_link{
    margin: 50px 0 10px;
}

.mobile_viewing .donation_options_container h3 {
    line-height:40px;
}
.mobile_viewing .donation_options_container h3, .mobile_viewing .donate_page h2, .mobile_viewing h2.checkout_success_header{
    margin-top:15px;
}

@media 
only screen and (max-width: 1000px)  {
    .mobile_viewing .main.overdosemainextra{
        width:460px;
    }
    
    .mobile_viewing .promo_page_leftbar{
        float:none;
        width:100%;
    }
    
    
    .mobile_viewing .promo_page_rightbar {
        border-left:none;
        float: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width:100%;
    }

    .mobile_viewing #promo_page_header {
        margin-top: 15px auto 15px;
        font-size:28px;
        line-height: 32px;
        width:350px
        
    }
    
    .mobile_viewing .promo_page_leftbar .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
    }
    
    .mobile_viewing .promo_page_leftbar .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .mobile_viewing .promo_page_leftbar a.buy_stereoverdose_link {
        margin: 20px 0 40px;
        width: 100% !important;
        font-size:25px;
        padding: 3px 0 0;
        
    }
    
    
    .mobile_viewing .stats_on_mobile{
        margin:30px 0 0 0;
        width:100%;
        text-align:center;
    }
    
    
    .mobile_viewing .stats_on_mobile p{
        font-size: 20px !important;
        line-height:24px;
    }
    
    .mobile_viewing .stats_on_mobile h3{
        color: #935393;
        font-size:30px !important;
        font-family:"Bebas Neue";
    }
    
    .mobile_viewing .sub_1000_width_mobile{
        display:initial;
    }
    
    .mobile_viewing .above_1000_width_mobile{
        display:none;
    }

}

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

    .mobile_viewing .checkout_method_page #paypal_checkout_form, 
    .mobile_viewing .checkout_method_page #bitcoin_payment_form {
        width:auto;
    }

    .mobile_viewing .main.stereoverdosemainextra, .mobile_viewing.reset_pw_page .main, .mobile_viewing .main.overdosemainextra, 
    .mobile_viewing.donation_optionspage .main, .mobile_viewing.donatepage .main, .mobile_viewing.thanks_for_donatingpage .main{
        padding:7px 15px;
        width:100%;
        min-width: 320px;
        box-sizing: border-box;  
    }
    
    .mobile_viewing #promo_page_header{
        width:100%;
    }

    .mobile_viewing #cc_option, .mobile_viewing #paypal_option, .mobile_viewing #bitcoin_option{
        letter-spacing:0px;
        margin-right:9px;
        padding:4px 8px 1px 8px;
    }

    .mobile_viewing label#custom_amount_label {
        letter-spacing:1px;
    }
    
   
    .mobile_viewing .main.stereoverdosemainextra .infopage, .mobile_viewing.reset_pw_page .main .infopage, .mobile_viewing .main.donatemainextra .infopage, 
    .mobile_viewing .main.thanks_for_donatingmainextra .infopage{
        width:auto;
    }
    
    .mobile_viewing .stereoverdosemainextra .pw_input_wrapper, .mobile_viewing.reset_pw_page .main .infopage .pw_input_wrapper{
        width: 70% !important;
    }
    .mobile_viewing .stereoverdosemainextra .reveal_pw_box, .mobile_viewing.reset_pw_page .main .infopage .reveal_pw_box{
        width: 30%;
    }

    .mobile_viewing .checkout_method_page #exp_row .cc_input_error_text{
        width:auto;
    }
    
    .mobile_viewing .checkout_method_page #cvc_row .cc_input_error_text{
        width:auto;
    }
    
    .mobile_viewing #cvc_explanation_box{
        width:100%;
        box-sizing: border-box;  
        padding:5px 0;
    }

    .mobile_viewing #cvc_explanation_box .card_display_box{
        margin:15px auto;
    }
    
    .mobile_viewing #cvc_explanation_box .close_popup{
        font-size:25px;
        position:absolute;
        top:0;
        right:0;
        padding:3px 8px;
    }
    
    .mobile_viewing .stats_on_mobile h3{
        font-size:20px;
    }
    
    .mobile_viewing .stats_on_mobile p{
        font-size:16px;
        line-height:18px;
    }
}


@media 
only screen and (max-width: 380px)  {
    .mobile_viewing .checkout_method_page #center_busy_box{
        margin-left:-40%!important;
        width:80% !important;
        min-width:200px;
    }
}



/* #Homepage
================================================== */

.post_visit #taglinebox {
	margin:0 0 20px 0;
}

#taglinebox {
    text-align:center;
    margin:15px 0 20px 0;
}

.ie #tagline_1 {
    text-shadow:none;
    filter:none;
}

#tagline_1 {
    font-size:8.5em;
    letter-spacing:4px;
    text-shadow: 3px 4px 3px rgba(0, 0, 0, .8);
    filter: dropshadow(color=#000000, offx=3, offy=4);
    line-height:1;
}

#tagline_2 {
    font-size:5.5em;
    color: #e9e6e6;
    line-height:1;
}

.post_visit #tagline_1{
    font-size:5.5em;
	margin:0 0 3px 0;
}

.post_visit #tagline_2{
    font-size:3em;
}


.follow_button:hover, #messagebox .close_button:hover , .close_share:hover, .close_login:hover {
    color:#84A1AC;
}

.general_error{
    display:none;
    font-family:"Hero";
}
.general_error.reveal{
    display:block;
}

.overdose_form_box label, #stripe_payment_form label, #web2py_user_form.non_settings_form_box label, #center_login_box label{
    display:block;
    font-size:15px;
    font-family:'Hero';
    margin:0 0 2px 0;
    text-transform:uppercase;
}

#web2py_user_form.non_settings_form_box #auth_user_remember_me__label, #center_login_box #no_table_keep_me_logged_in__label{
    display:inline;
    margin:0 0 0 3px;
    top:-2px;
    position:relative;
}


#reset_pw_form {
    margin:20px 0 0 0;
}

.reveal_pw_box label{
    letter-spacing:0px;
    font-size:14px !important;
}

.overdose_form_box tr td, #web2py_user_form.non_settings_form_box tr td, #center_login_box tr td{
    padding: 0 0 30px 0;
}

.overdose_form_box tr#submit_record__row td, .overdose_form_box tr#login_submit_record__row td{
    padding: 0 0 15px 0;

}

.infopage .login_blurb, .infopage p.user_page_blurb, .verifymainextra .infopage p {
    margin:0 0 30px 0;
    font-size:18px;
}

.verifymainextra .infopage p{
    margin:5px 0 0 0;
}

.whole_pw_box_outer{
    display:table;
    width:260px;
}

.whole_pw_box{
    display:table-row;
}

.pw_input_wrapper{
    display:table-cell;
    width:65%;
}

input[id*='auth_user_password'], #reset_pw_form input[id*='no_table_new_password'], #center_login_box #no_table_password{
    width:100% !important;
    border-radius: 03px 0 0 03px !important;
    box-sizing: border-box;
    margin:0; /*keep this b/c safari adds margin to inputs*/
}

.under_input_reset_pw_box .reset_pw_link{
    margin:2px 0 0 0;
    font-family:"Hero";
    font-size:13px;
    display:block;
    float:left;
}

.reveal_pw_box{
    display:table-cell;
    background:#bcbcbc;
    border-radius: 0 3px 3px 0;
    color:#5e5e5e;
    text-transform:none !important;
    padding: 0 5px 0 3px;
    vertical-align:middle;
    width:35%;
    position:relative;
}

.reveal_pw_box label{
    width:100%;
}

/*
.reveal_pw_box label, #web2py_user_form.non_settings_form_box .reveal_pw_box label, 
#center_login_box .reveal_pw_box label{
    display:inline-block;
    vertical-align: middle;
}
* */

.reveal_pw_box label .replacement_checkbox{
    cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0;
    bottom:0;
  	left: 8px;
	background: #fff;
	border:2px solid #848484;
    margin:auto;
    border-radius: 5px;
}

.reveal_pw_box label .replacement_checkbox:hover{
	border:2px solid #5a5a5a;
}

.reveal_pw_box label .replacement_checkbox:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 2px;
	left: 2px;
	border: 3px solid #333;
	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);
}

.reveal_pw_box input[type=checkbox]:checked + label .replacement_checkbox:after {
	opacity: 1;
}

.reveal_pw_box label .replacement_checkbox_text{
    margin:3px 0 0 28px;
}

.reveal_pw_box input {
    visibility:hidden;
    position:absolute;
}


.overdose_form_box .w2p_fw, #web2py_user_form.non_settings_form_box .w2p_fw, #center_login_box .w2p_fw{
    vertical-align:top;
}

.overdose_form_box .w2p_fc, #web2py_user_form.non_settings_form_box .w2p_fc{
    vertical-align:middle;
}


/* #Playlist
================================================== */
.pic_button_box .pic_like, .pic_button_box .pic_dislike, #like_button_box div, #main_share_box,
#soundcloud_box, #download_box, #report_song, #main_heart, .pic_button_box .pic_share,
#center_share_box .twitter_share, #center_share_box .facebook_share, #filter_main .filter_back,
#right_add_song_box li .remove_song_button, #sc_url_form .btn, .add_search_song, .prev_search_song,
#sc_search_submit, #miniheart, #miniplay, #shuffle_button, .overdose_icon {
    background:url('skin/player_sprites9.png')0 0 no-repeat;
	background-size:300px 375px;
}

#media_4_box{
	padding:8px 7px 7px 7px;
	float:left;
	width:55px;
	height:55px;
	position:relative;
}

#soundcloud_box, #download_box, #report_song, #main_share_box{
	width:26px;
	height:26px;
}

#current_song_album {
    border-radius: 3px;	
	float:left;
	height:56px;
	width:56px;
	margin:7px 10px 0 0;
}

#songinfo_box{
	overflow:hidden;
	padding:7px 0 0 0;
	float:left;
	width:380px;
}

#songinfo_box .media_songtitle_box, #songinfo_box .media_artist_box{
	white-space: nowrap;
    font-family:'Hero',Arial, Sans, Serif;
    text-transform:uppercase;
    letter-spacing: 1px;
	color: #7E7D7D;
}

#songinfo_box .media_artist_box {
	font-size: 1.3em;
	text-overflow:ellipsis;
	width:100%;
	display:block;
    overflow: hidden;
}

#songinfo_box span.media_artist{
	color:#fff;
}

#songinfo_box .media_songtitle, .song_list_box .song_list_songtitle{
	color: #A7AC84;
	font-size:1.4em;
}

.space_break{
	width:60px;
	display:inline-block;
}

#soundcloud_box {
	margin:0 0 0 0;
	float:left;
	display:block;
	background-position:-200px -100px
}

#soundcloud_box:hover{
	background-position:-200px -150px
}

#download_box {
	margin:3px 3px 0 0;
	float:left;
	display:block;
	background-position:-100px -200px;
}

#download_box:hover{
	background-position:-150px -200px;
}

#media_4_box #download_box.darken, #media_4_box #main_share_box.darken{
	opacity:0.2;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#no_favs{
	margin:120px 0 0 0;
    font-family:'Bebas Neue',Arial, Sans Serif;
    color:#fff;
    font-size:3em;
    text-align:center;
	padding:10px 10px 7px 10px;
	background:rgba(0,0,0,.9);
}
#no_favs a{
    color:#b2b693;
}


#like_button.active,  #dislike_button.active, #shuffle_button.active{
    opacity: 1;
    filter: alpha(opacity=100);  
}


#like_button_box {
	float:left;
	margin:3px 15px 0 10px ;
}

#like_button_box div#dislike_button, .song_list_box .pic_button_box .pic_dislike{
    background-position:-100px -125px;
}

#like_button_box div#dislike_button:hover, .song_list_box .pic_button_box .pic_dislike:hover{
    background-position:-150px -125px;
}

#like_button_box div#like_button, .song_list_box .pic_button_box .pic_like {
    background-position:0 -125px;
}

#like_button_box div#like_button:hover , .song_list_box .pic_button_box .pic_like:hover{
    background-position:-50px -125px;
}

#like_button_box div#shuffle_button{
    background-position:0 -325px;
}

#like_button_box div#shuffle_button:hover{
    background-position:-50px -325px;
}

#like_button_box div{
    opacity: 0.50;
    filter: alpha(opacity=50);  
    display:block;
    width:28px;
    height:28px;
    margin:3px 0 0 0;
	cursor:pointer;
}


.play_name_box{
    color:#e9e6e6;
    font-size:2em;
	letter-spacing:1px;
	padding:5px 10px 2px 10px;
	background:rgba(0,0,0,.8);
}

.play_name{
	display:inline-block;
	width:375px;
}

.play_name_box a{
	float:right;
}

.playlist_container{
	background-color:#f2f2f2;
	height:460px;
	width:460px;
	position:relative;
	background-color:#000;
    border-radius: 14px 0 0 14px;
	overflow:hidden;
}

.songcontainer {
	width:140px;
	height:450px;
    float:right;    
    padding: 10px 15px 0 15px;
    background:rgba(0,0,0,.9);
    font-family:'Hero',Arial, Sans, Serif;
    text-transform:uppercase;
    color:#7e7d7d;
    border-radius: 0 14px 14px 0;
	overflow:hidden;
}

#picture_outer{
    position:relative;
}

#messagebox {
    color:#fff;
    text-transform:none;
    font-family:'Hero', Arial, Sans Serif;
    font-size:1.4em;
	padding: 0 0 0 20px;
    margin:0 0 0 -245px;
    width:480px;
    height:145px;
    position:fixed;
    background: rgba(62, 53, 53, 1);
    border-radius: 10px;
    top:40%;
    left:50%;
    z-index:901;
}

#messagebox p {
    margin:10px 10px 0 10px;
    width:345px;
}

.close_login{
	font-size:2.0em;
}

#messagebox .close_button, .close_share , .close_login{
    float:right;
    margin: 5px 10px 0 0;
    cursor:default;
}

#messagebox a {
    color:#b2b693;
}

#info_outer{
        
    overflow:hidden;
    padding:15px 0 0 0;
}

#picture_inner{
    height:220000px;
    margin:450px 0 0 0; /*lower by 4px for the white border for .active */
    /*
    -webkit-transition: margin-left .5s ease;  
    -moz-transition: margin-left .5s ease;  
    -o-transition: margin-left .5s ease;  
    -ms-transition: margin-left .5s ease;  
    transition: margin-left .5s ease;  
    */
    
}

#picture_inner .picture_single {
    width:140px;
    height:140px;
    margin:0 0 10px 0;
    display:block;
    position:relative;
}


#picture_inner .picture_single img{
    width:100%;
    opacity: 0.8;
    filter: alpha(opacity=80);  
}



#picture_inner .picture_single .pic_info, #picture_inner .picture_single .pic_button_box{
    opacity: 0;
    /*filter:alpha(opacity=0);*/
	/*
    -webkit-transition: opacity .3s;  
    -moz-transition: opacity .3s;  
    -o-transition: opacity .3s;  
    -ms-transition: opacity .3s;  
    transition: opacity .3s;  
	*/
}
/*
#picture_inner .picture_single.hover .pic_info, #picture_inner .picture_single.hover .pic_button_box{
    opacity: 1;
    filter:alpha(opacity=100);
}
*/

#picture_inner .picture_single .pic_info{
    background: rgba(0, 0, 0, .9); 
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    text-align:center;
    display:table;
}

#picture_inner .picture_single .pic_info .pic_info_inner{
    display: table-cell;
    vertical-align:middle;
}

#picture_inner .picture_single .pic_info .songtitle{
    color:#fff;
    font-size:1.2em;
	max-height:53px;
	overflow:hidden;
}

#picture_inner .picture_single .pic_info .artistline{
    font-size:1.1em;
}

#picture_inner .picture_single .pic_info .artist, .infopage p.other_option_links a{
    color:#fff;
}



#info_inner .info_single{
    width:610px;
    display:block;
    float:left;
}

#picture_inner .picture_single .pic_button_box div.active, .song_list_box .pic_button_box div.active{
    opacity: 1;
    filter:alpha(opacity=100);
}

#picture_inner .picture_single .pic_button_box div{
    width:20px;
    height:20px;
    display:inline-block;
    opacity:.4;
    filter:alpha(opacity=40);

}
.song_list_box .pic_button_box div{
    width:28px;
    height:28px;
    opacity:.4;
    filter:alpha(opacity=40);
	margin:1px 0 3px 0;
}

.pic_button_box .pic_like {
    background-position:0 -175px;
    margin:0 2px 0 0;
}
.pic_button_box .pic_like:hover {
    background-position:-50px -175px;
}

.pic_button_box .pic_dislike {
    background-position:-100px -175px;
    margin:0 8px 0 0;
}
.pic_button_box .pic_dislike:hover {
    background-position:-150px -175px;
}

.pic_button_box .pic_share {
	background-position: -50px -100px;
}

.pic_button_box .pic_share:hover {
	background-position: -100px -100px;
}


#picture_inner .picture_single .pic_button_box{
    position:absolute;
    bottom:0px;
    width:100%;
    text-align:center;
}
.song_list_box .pic_button_box{
	float:right;
	margin:0 10px 0 0;
}

#player_big_container {
    width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:500;
	background-color:#000;

}

#player_inner_container{
	width:980px;
	margin:0 auto;
	position:relative;
}


#report_song {
	background-position:0 -200px;
    float:left;
    margin:3px 0 0 0;
	cursor:pointer;
}

#report_song:hover{
	background-position:-50px -200px;
}

#song_reported_box{
	overflow:hidden;
	width:100%;
	height:0px;
    background:rgba(62, 53, 53, .9);
	position:absolute;
	left:0;
	top:0;
    font-family: 'Hero',Arial,Sans Serif;
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;

    border-radius: 07px;

    -webkit-transition: height .3s;  
    -moz-transition: height .3s;  
    -o-transition: height .3s;  
    -ms-transition: height .3s;  
    transition: height .3s; 
}

#song_reported_box p{
	margin-top:5px;
	cursor:default;
}

#song_reported_box.reported{
	height:69px;
}

#quick_comment, a.jp-repeat, a.jp-repeat-off {
	position:absolute;
	background:#160D0D;
	padding:5px 10px 2px 10px;
	font-size:1.2em;
	font-family:"Hero";
	text-transform:uppercase;
	letter-spacing:1px;
    border-radius: 10px 10px 0 0;
	cursor:pointer;
}
#quick_comment{
	right:0px;
    top:-25px;
}

#main_heart{
	float:right;
	margin:18px 0 0 10px;
	width:30px;
	height:30px;
	background-position:-200px -200px;
	cursor:pointer;
}

#main_heart:hover{
	background-position:-250px -200px;
}

#main_heart.active{
	background-position:-250px -150px;
}

#media_playlist_title{
	display:table;
	width:170px;
	float:right;
	height:70px;
	overflow: hidden;
}

#media_playlist_title p{
	letter-spacing:1px;
	font-size:1.4em;
	display: table-cell; 
	vertical-align: middle; 
	text-align:right;
}

#main_share_box {
    float:left;
    margin:0 3px 0 0;
	background-position:-200px 0;
	cursor:pointer;
}


#main_share_box:hover{
	background-position: -200px -50px ;
}

#center_share_outer,#center_login_outer,#center_busy_outer , #center_messagebox_outer, #center_error_outer, #center_deleteplay_outer, #center_preview_outer {
    display:none;
}

#center_share_outer.reveal,#center_login_outer.reveal,#center_busy_outer.reveal, #center_messagebox_outer.reveal, #center_error_outer.reveal, 
#center_deleteplay_outer.reveal, #center_preview_outer.reveal {
    display:block;
}

#center_share_box input {
    font-size:14px;
}

#center_share_box form{
    margin:20px 0 10px 0;
}

#center_share_box .facebook_share, #center_share_box .twitter_share{
    width:40px;
    height:40px;
    top:12px;
    position:relative;
    display:inline-block;
}

#center_share_box .twitter_share {
    background-position:-250px 0;
}

#center_share_box .facebook_share {
	background-position: -250px -50px;

}


#center_share_box{
    padding: 0 0 0 20px;
    margin:0 0 0 -245px;
    width:480px;
    height:145px;
    position:fixed;
	color: #FFF;
    background: rgba(62, 53, 53, 1);
    border-radius: 10px;
    top:40%;
    left:50%;
    z-index:1002;
    font-family: 'Hero',Arial,Sans Serif;
    font-size: 2.0em;
}

#center_share_overlay, #center_login_overlay, #center_messagebox_overlay, #center_error_overlay, #center_deleteplay_overlay, #center_preview_overlay{
    position:fixed;
    height:100%;
    width:100%;
    background:rgba(0, 0, 0, .9);
    z-index:1001;
    top:0;
    left:0;
}

#center_messagebox_overlay{
    z-index:900 !important;
}

#center_login_box{
    padding: 10px 0 0 40px;
    margin:0 0 0 -265px;
    width:500px;
    height:550px;
    position:fixed;
	color: #FFF;
    background: rgba(62, 53, 53, 1);
    border-radius: 10px;
    top:15%;
    left:50%;
    z-index:1002;
    font-family:'Hero',Arial, Sans Serif;
}

#center_login_box h3{
    font-family:"Bebas Neue";
    margin:15px 0 10px 0;
}

p.ajax_login_error{
    display:none;
}

#center_login_box .flash{
	font-size:1.4em;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

#center_busy_overlay{
    position:fixed;
    height:100%;
    width:100%;
    background:rgba(0, 0, 0, .9);
    z-index:1005;
    top:0;
    left:0;
}
.create_playlist #center_preview_box {
	padding:10px 45px;
    margin:0 0 0 -255px;
    width:480px;
    height:100px;
	top:40%;
}


#center_busy_box, #center_error_box, #center_deleteplay_box, #center_preview_box{
	padding:10px 0 0 0;
    margin:-80px 0 0 -115px;
    width:200px;
    height:140px;
    position:fixed;
	color: #FFF;
    background: rgba(62, 53, 53, 1);
    border-radius: 10px;
    top:50%;
    left:50%;
    z-index:1006;
    font-family:'Bebas Neue',Arial, Sans Serif;
	font-size:3.0em;
	text-align:center;
}

#center_busy_box p{
    font-family:'Bebas Neue',Arial, Sans Serif;
	font-size:30px;
}

#center_busy_box, .create_playlist #center_error_box, .create_playlist #center_deleteplay_box{
    margin-left:-170px;
	width:340px;
}

.create_playlist #center_error_box p {
	margin:15px 0 0 0;
	font-size:14px;
	font-family:'Hero',Arial, Sans Serif;
	padding:0 10px 0 10px;
}


#center_busy_box img{
	margin:10px 0 0 0;
}




/* user pages (login,register, etc)
================================================== */
#web2py_user_form.settings_form_box label{
    font-family:'Hero',Arial, Sans Serif;
    font-size:1.6em;
    letter-spacing:1px;
}

.error{
    text-transform:uppercase;
}

.error, .payment-errors, .cc_input_error{
    font-size:14px;
    font-family:'Hero',Arial, Sans Serif;
}


#stereoverdose_login_box .error, .general_error.reveal, #web2py_user_form .userpage_login_error, p.ajax_login_error{
    text-transform:none;
    border-radius: 03px;
    padding:10px 12px 10px 12px;
    margin:25px 0 15px 0;
    background:#961221;
    width:240px;
    font-size:16px;
}

#web2py_user_form .userpage_login_error{
    margin-top:15px;
}

#web2py_user_form #auth_user_email__row input, #web2py_user_form #auth_user_password,
#web2py_user_form #auth_user_username__row input,  #no_table_username_or_email__row input, #no_table_password,
#web2py_user_form #auth_user_location__row input, #web2py_user_form #auth_user_bio__row textarea, #web2py_user_form #auth_user_website__row input,
#web2py_user_form #auth_user_twitter_username__row input, #web2py_user_form #confirm_password__row input, 
#web2py_user_form #no_table_confirm_password__row input, #user_playlists_title__row input, #user_playlists_description__row textarea, 
#comment_body_textarea, input[id^="login_auth_user"], #stereoverdose_register_box input[id^='auth_user'], #reset_pw_form input[id*='no_table_new_password']{
    font-size:1.6em;
    width:250px;
    padding:5px 5px 5px 5px;
    border-radius: 03px;
    border: 1px solid #ccc;
}

#web2py_user_form td.w2p_fl, #user_playlists_description__row td.w2p_fl, #user_playlists_playlist_image__row td.w2p_fl,
#user_playlists_playlist_image__row td.w2p_fw{
	vertical-align:top;
}

#web2py_user_form #auth_user_bio__row textarea{
	height:60px;
}

#web2py_user_form #auth_user_profile_picture__row img, #user_playlists_playlist_image__row img {
	width:100px;
}

#web2py_user_form.settings_form_box td, .create_playlist td {
   padding:0 20px 25px 0;
   width:100px;
}

#submit_record__row input, #web2py_user_form #auth_user_profile_picture__row input{
    font-size:1.6em;
} 


#auth_user_profile_picture {
	margin:10px 0 0 0;
	width:310px;
}

#delete_picture{
    font-size:1.4em;
	color:#ffffff;
	text-transform:uppercase;
	font-family:'Hero',Arial, Sans Serif;
}

.settings_selector_box{
    margin: 25px 0 0 0;
    width:293px;
    height:120px;
    padding: 12px 0px 0px 25px;
    background:#000;
	text-transform:uppercase;
    border-radius: 10px;
    -moz-box-shadow:    3px 4px 4px #000;
    -webkit-box-shadow: 3px 4px 4px #000;
    box-shadow:         3px 4px 4px #000;
}

.settings_selector_box h3{
	font-size:2.6em;
	margin: 0 0 5px 0;
}


a.profile_link,  a.account_link, a.overdose_link{
	color:#6F6D6D;
	font-size:1.4em;
	font-family:'Hero',Arial, Sans Serif;
}


.profile_selected .profile_link, .account_selected .account_link{
	color:#fff;
}

.infopage p.other_option_links{
	font-size:1.6em;
}

.infopage h3.settings_other_options{
    margin: 25px 0 0 0;
	font-size:2.5em;
}



/* .delete_profile_body
================================================== 
.delete_profile_body #web2py_user_form{
	margin: 50px 0 0 0;
}
*/

/* .infopage

================================================== */
.infopage {
    width:525px;
}

.infopage h2, #center_login_box h3, .create_playlist h2{
    font-size:3.5em;
}


.infopage h3{
    font-size:2.2em;
}

.infopage p, .profile_box p, #center_login_box p.resetp{
    font-size:1.4em;
    font-family:'Hero',Arial, Sans Serif;
}

.infopage a, #center_login_box a, .taken_error_login_switch, a.explore_link, #payment-form .cvc_label .cvc_whatisthis{
    color:#b2b693;
}

#new_playlist_funny {
    font-size:6em;
}



/* .token_login
================================================== */
.bad_login, .empty_login{
    display:none;
}

.failed .bad_login, .failed .emtpy_login {
    display:block;
}


/* profile page
================================================== */
.profile_box{
	margin:0 0 37px 0;
	height:170px;
}

.profile_underneath_box{
	width:580px;
}

.profile_underneath_box h3{
	font-size:2em;
	margin: 0 0 10px 0;
}

.profile_box img{
	width:160px;
	height:160px;
	float:left;
	border:1px solid #fff;
}

.profile_box .rightside{
	margin:0 0 0 30px;
	float:left;
}

.profile_box h2{
	font-size:2.4em;
	letter-spacing:1px;
    display:inline-block;
}

.profile_box .location{
	text-transform:uppercase;
	letter-spacing: 1px;
	margin:5px 0 0 0;
}

.profile_box .bio{
	margin:5px 0 0 0;
	width:300px;
}

.follow_box {
	letter-spacing: 1px;
	font-size:1.4em;
    font-family:'Hero',Arial, San Serif;
	width:293px;
    padding: 12px 0px 12px 25px;
    background:#000;
	text-transform:uppercase;
    border-radius: 10px;
    -moz-box-shadow:    3px 4px 4px #000;
    -webkit-box-shadow: 3px 4px 4px #000;
    box-shadow:         3px 4px 4px #000;
    margin:0 0 15px 0;
}

.follow_box p{
	margin: 0 0 5px 0 ;
}

.follow_button, .edit_button{
	display:block;
	font-size:1.8em;
	text-align:center;
	cursor:pointer;
	background-color:#252522;
	width:80px;
	margin: 5px 0 20px 0;
    border-radius: 5px;
    -moz-box-shadow:    1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow:         1px 2px 2px #000000;
}



.follow_button .unfollow_span, .follow_button.followed .follow_span{
	display:None;
}

.follow_button .follow_span, .follow_button.followed .unfollow_span{
	display:block;
}

#prev_next_box {
	margin-top:15px;
	clear:both;
}

#prev_next_box a{
	padding:5px 8px;
	text-transform:uppercase;
	font-family:"Hero";
	font-size:1.4em;
	margin: 0 30px 0 0;
	float:left;
	background:#000;
    border-radius: 5px;
}

.song_list_box{
	/*width:580px;*/
	padding:10px;
	background:#000;
	height:62px;
	margin:0 0 5px 0;
    border-radius: 10px;
}

.song_list_box .album_picture{
	border:1px #fff solid;
	height:60px;
	width:60px;
	float:left;
}

.song_list_box .song_list_play, .song_list_box .song_list_pause{
	float:right;
}

.song_list_box.active .song_list_pause{
	display:block;
}

.song_list_box.active .song_list_play{
	display:none;
}

.song_list_box .rightside{
	margin:0 0 0 15px;
	float:left;
}

.song_list_box .rightside p{
	width: 350px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.song_list_box .song_list_songtitle, .song_list_box .song_list_artistline, .song_list_box .song_list_categoryline{
    font-family:'Hero',Arial, San Serif;
    text-transform:uppercase;
}
.song_list_box .song_list_songtitle{
	font-size:1.4em;
	letter-spacing:1px;
}
.song_list_box .song_list_artistline, .song_list_box .song_list_categoryline{
	font-size:1.3em;
}

.follow_list_box{
	height:70px;
	margin:0 0 15px 0;
}

.follow_list_box .profile_thumb, .comment_item .profile_thumb{
	width:70px;
	height:70px;
	float:left;
	border:1px solid #fff;
}

.follow_list_box .rightside{
	margin:0 0 0 20px;
	float:left;
}

.follow_list_box h4 {
	font-size:1.6em;
	letter-spacing:1px;
}


/* side_profile_box
================================================== */

.side_profile_box {
	width:293px;
    padding: 10px 0px 8px 25px;
    background:#000;
    border-radius: 10px;
    -moz-box-shadow:    3px 4px 4px #000;
    -webkit-box-shadow: 3px 4px 4px #000;
    box-shadow:         3px 4px 4px #000;
	margin:0 0 15px 0;
}

.side_profile_box h4{
	letter-spacing: 1px;
	font-size:1.8em;
}

.side_profile_box img {
	width:60px;
	height:60px;
	margin:0 20px 0 0;
}

.side_profile_box p{
	font-family:"Hero";
	font-size:1.2em;
}

.side_profile_box img, .side_profile_box .rightside {
	float:left;
}

/* filter_main
================================================== */
#filter_main {
	background:rgba(0,0,0,.5);
	font-size:1.6em;
	height:70px;
	padding:10px 20px 10px 20px;
	margin: 0 auto 20px auto;
    border-radius: 10px;
}

/*for pre-loading sprite to use "back"*/
#filter_main:after{
	display:none;
	content: url('skin/player_sprites9.png');
}

.splash_page #filter_main{
	background:transparent;
	height:auto;
	font-size:2.6em;
	width:540px;
	padding:0;
}


#filter_main .filter_back {
	margin:1px 10px 0 0 ;
	display:none;
	cursor:pointer;
	width:30px;
	height:20px;
	background-position:-250px -100px;
}

.splash_page #filter_main .filter_back{
	margin:8px 10px 0 -50px;
}

.index_page #filter_main .filter_back {
	margin:1px 10px 0 -50px;
}

#filter_main .filter_back:hover{
	background-position:-250px -125px;
}

#filter_main .filter_tagline{
	margin: 0 10px 0 0;
}

.splash_page #filter_main .filter_tagline{
	margin: 0 0 15px 0;
	display:block;
}

#filter_main .active {
	display:block !important;
}

#filter_main .inline_active {
	display:inline !important;
}

#filter_main .inline_block_active {
	display:inline-block !important;
}

#filter_main .filter_drug, #filter_main .filter_mood, #filter_main .filter_source, #filter_main .filter_drug_user, #filter_main .filter_mood_user{
	display:none;
	text-align:center;
}

#filter_main .filter_mood a, #filter_main .filter_mood_user a{
	display:none;
}

#filter_main .filter_option{
	margin: 0 5px 0 0;
	padding:5px 12px;
	background:#000;
    border-radius: 5px;
}

.splash_page #filter_main .filter_option{
	margin: 0 7px 0 0;
}

#filter_main .filter_drug .filter_option, #filter_main .filter_source .filter_option, #filter_main .filter_drug_user .filter_option,
.taken_error_login_switch, .close_popup, #payment-form .cvc_label .cvc_whatisthis{
	cursor:pointer;
}

.splash_page #filter_main .filter_drug,  .splash_page #filter_main .filter_drug_user, .splash_page #filter_main .filter_mood, 
.splash_page #filter_main .filter_mood_user, .splash_page #filter_main .filter_source{
	background:rgba(0,0,0,.5);
	padding:20px 20px 30px 20px;
    border-radius: 10px;
}

.index_page #filter_main .filter_source{
	margin:22px 0 0 0;
}

#filter_main .filter_top_block{
	text-align:center;
	margin:0 0 10px 0;
	letter-spacing:1px;
}

.splash_page #filter_main .filter_top_block{
	height:30px;
}



#filter_main .filter_top_block > *{
	vertical-align:top;
}


#filter_main h2 {
	display:inline-block;
}

/* sort_bar
================================================== */
.sort_bar{
	letter-spacing:1px;
	border-top:1px solid #787878;
	border-bottom:1px solid #787878;
    font-family:'Hero',Arial, San Serif;
    text-transform:uppercase;
    font-size:1.3em;
	margin:0 0 20px 0;
	position:relative;
}

.sort_bar a{
	margin:0 10px 0 0;
	color:#969696;
}

.sort_bar a.active {
	color:#FFF;
}

.selected_time{
	cursor:default;
}

.selected_time span{
	font-size:10px;
}

.topsort_time_box {
	position:absolute;
    background:#160D0D;
	left:135px;
	top:25px;
	padding:2px 10px 5px 8px;
    border-radius: 08px;
	display:none;
	z-index:100;
}
.topsort_time_box.reveal{
	display:block;
}
.topsort_time_box a{
	display:block;
	margin:5px 0 0 0;
}

/* create_playlist
================================================== */
.left_create{
	width:420px;
	float:left;
}


.create_playlist p{
    font-size:1.2em;
    font-family:'Hero',Arial, Sans Serif;

}

.create_playlist h2 {
	margin: 0 0 10px 0;
}
.create_playlist h3{
    font-size:2.4em;
	letter-spacing:1px;
}

.create_playlist .close_login {
	font-size:20px;
	font-family:'Hero',Arial, San Serif;
	position:absolute;
	right:0px;
}

#user_playlists_playlist_image__row p{
	margin:0 0 7px 0;
}


.slimScrollDiv{
	margin:10px 0 0 0;
}

#right_add_song_box {
	float:left;
	width:260px;
	background:rgba(0,0,0,.3);
	padding:7px 10px 7px 15px;
    border-radius: 10px;
}

#sc_url_form .btn, .add_search_song{
	background-position:-125px -100px;
	border:none;
}

#sc_url_form .btn, #sc_search_submit {
	height:24px;
	width:24px;
	cursor:pointer;
}
#sc_search_submit{
	background-position:-25px -100px;
	border:none;
}


#song_form_song_url, #sc_search {
	width:180px;
	height:26px;
	font-size: 1.4em;
	border:none;
	padding:0;
	margin:0 5px 0 0;
}

#sc_url_form , #sc_search_form {
	background:#fff;
	padding:0 0 0 5px;
    border-radius: 03px;
    border: 1px solid #ccc;
}

#sc_url_form {
	margin:0 0 7px 0;
}
.track_instructions{
	color:#DDDDDD;
}
.track_instructions span{
	font-family:'Bebas Neue';
}

#right_add_song_box li{
	display:block;
	width:230px;
	height:50px;
	margin:0 0 10px 0;
	cursor:move;
}

#right_add_song_box li .songtitle_label{
	float:left;
	margin:0 15px 0 0;
}
#right_add_song_box li .songtitle_label p.title{
	margin:1px 0 0 0;
	font-size:12px;
	line-height:16px;
	max-height:32px;
	overflow:hidden;
}

#right_add_song_box li .songtitle_label p.artist {
	line-height:16px;
	font-size:12px;
	color: #A7AC84;
}

#right_add_song_box li .remove_song_button {
	display:none;
	position:absolute;
	top:3px;
	right:10px;
	width:24px;
	height:24px;
	background-position:-150px -100px;
	cursor:pointer;
}

#right_add_song_box li .remove_song_button.reveal {
	display:block;
}

.songtitle_list_box{
	position:relative;
	height:420px;
}

.track_underlay_list, .track_list{
	position:absolute;
}
.track_underlay_list{
	font-size:1.6em;
}
.track_list {
	font-family:'Hero',Arial, San Serif;
	font-size:1.3em;
}
.track_list li{
	padding:0 0 0 20px;
	position:relative;
}

#no_table_drug {
	margin: 0 40px 0 0;
}

#user_playlists_category_name__row select {
	width:110px;
}

#user_playlists_description__row textarea {
	height:95px;
}

.create_playlist .error, .comment_flash, .payment-errors, #stereoverdose_about .error{
	background:#961221;
    padding:5px 5px 5px 7px;
    border-radius: 3px;
}

.create_playlist form .error {
	margin:5px 0 5px 0;
	width:250px;
}

.create_playlist label{
    font-family:'Hero',Arial, Sans Serif;
    font-size:1.2em;
	text-transform:uppercase;
}

#right_add_song_box .error{
	margin:0 0 7px 0;
}

#delete_playlist {
	margin:20px 0 0 0;
	float:left;
	cursor:pointer;
	padding:5px 10px;
	background:#690000;
    border-radius: 7px;
}

#center_deleteplay_box a{
	margin: 0 30px 0 0;
}
#center_deleteplay_box h4{
	margin:0 0 20px 0;
}
#cancel_delete, #center_deleteplay_box a {
	font-size:24px;
	cursor:pointer;
}

#favorite_search_box{
	float:right;
	width:220px;
	background:#000;
	height:480px;
	padding:10px 15px 7px 15px;
    border-radius: 10px;
	display:none;
}

#favorite_search_box.reveal{
	display:block;
}

#soundcloud_search_box{
	float:right;
	width:220px;
	background:#000;
	height:480px;
	padding:10px 15px 7px 15px;
    border-radius: 10px;
}
#soundcloud_search_box.hide{
	display:none;
}

#search_results, #fav_results{
	position:relative;
	margin:20px 0 0 0;
}

#search_results li, #fav_results li{
	margin:10px 0 0 0;
	position:relative;
}

#search_results ul p.title, #fav_results ul p.title{
	font-family:'Hero',Arial, San Serif;
	font-size:1.2em;
	line-height:16px;
	max-height:32px;
	overflow:hidden;
}
#search_results ul p.artist, #fav_results ul p.artist{
	font-size:11px;
	color: #A7AC84;
}


.play_add_subbox{
	display:none;
	position:absolute;
	right:0px;
	height:100%;
	width:100%;
	background:rgba(0,0,0,.7);
	cursor:move;
}

li.reveal .play_add_subbox{
	display:block;
}

.dragging .play_add_subbox {
	display:none !important;
}

.prev_search_song{
	background-position:-175px -100px;
}

#search_results ul, #fav_results ul {
	margin:0 0 20px 0;
}

.add_search_song, .prev_search_song{
	height:24px;
	width:24px;
	float:right;
	margin:5px 0 0 6px;
	cursor:pointer;
}

#search_busy, #fav_busy{
	display:none;
	position:absolute;
	width:100%;
	height:380px;
	background:#000;
	text-align:center;
}

#search_busy p, #fav_busy p{
	font-family:"Bebas Neue";
	font-size:2em;
	margin:100px 0 0 0;
}

#search_busy.reveal, #fav_busy.reveal{
	display:block;
}
.preview_songtitle , .preview_artist{
	text-align:left;
	font-family:'Hero',Arial, San Serif;
	text-transform:uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.preview_songtitle{
	font-size:14px;
	color:#fff;
}
.preview_artist{
	font-size:12px;
	color:#A7AC84;
}

.preview_duration{
	letter-spacing:1px;
	font-size:12px;
	font-family:'Hero',Arial, San Serif;
	color:#fff;
	position:absolute;
	right:0;
	bottom:20px;
}

#center_preview_box #jp_container_1 .jp-type-single{
	margin:10px 0 0 0;
	padding:0 10px 15px 10px;
	background:#000;
	height:62px;
    border-radius: 10px;
}
#search_next_prev_box, #fav_next_prev_box{
	float:right;
}
#search_next_prev_box span, #fav_next_prev_box span{
	color:#000;
	float:right;
	display:none;
	padding:0 6px;
	text-transform:uppercase;
	font-family:"Bebas Neue";
	font-size:1.4em;
	margin: 0 0 0 7px;
	background:#CCCCCC;
    border-radius: 3px;
	cursor:pointer;
	height:20px;
}

#search_next_prev_box span.reveal, #fav_next_prev_box span.reveal{
	display:inline;
}

#switch_to_fav, #switch_to_sc {
	color:#000;
	float:left;
	padding:0 6px;
	text-transform:uppercase;
	font-family:"Bebas Neue";
	font-size:1.4em;
	background:#CCCCCC;
    border-radius: 3px;
	cursor:pointer;
	height:20px;
}

#user_playlists_playlist_image {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}

.playlist_container .stats_box{
	color:#e9e6e6;
    font-size:1.3em;
	padding:8px 10px 10px 10px;
	background:rgba(0,0,0,.9);
	font-family:'Bebas Neue',Arial, San Serif;
	bottom:0px;
	position:absolute;
	width:440px;
	letter-spacing:1px;
}
.stats_box{
	float:left;
	text-transform:uppercase;
}
.stats_box .fb_share_box{
	float:right;
	height:5px;
	position:relative;
	top:-3px;
}

.stats_line {
	margin:2px 0 0 0;
}
.stats_line span{
	line-height:13px;
	float:left;
}

.stats_box .cat_stat{
	margin:0 15px 0 0;
		line-height:13px;
	float:left;
}
#miniheart{
	margin:0 13px 0 3px;
	background-position:-75px -100px;
	width:13px;
	height:13px;
}
#miniplay{
	margin:0 10px 0 1px;
	background-position:-25px -175px;
	width:13px;
	height:13px;
}

.extra_info_box, .playlist_comment_box  {
    margin: 25px 0 0 0;
    width:430px;
    padding: 12px 15px 15px 15px;
    background:#160D0D;
    border-radius: 10px;
	font-family:'Hero',Arial, San Serif;
	font-size:1.3em;
	letter-spacing:1px;
}

.extra_info_box .posted_date{
	font-size:12px;
	margin:0 0 5px 0;
}
.playlist_comment_box {
	padding-top:15px;
	position:relative;
}
.comment_item{
	padding:15px 0 15px 0;
}

#comment_form{
	margin:0 0 15px 0;
}
.playlist_comment_box #comment_body_textarea{
	width:418px;
	margin:0 0 5px 0;
}

.comment_item .profile_thumb {
	margin: 0 10px 0 0;
}
.playlist_comment_box .comment_user{
	font-family:"Bebas Neue";
	float:left;
	font-size:1.2em;
}
.comment_item .comment_rightside{
	float:left;
	width:340px;
}

.comment_item .delete_comment{
	font-family:"Bebas Neue";
	float:right;
	cursor:pointer;
}
.comment_item .comment_body{
	clear:both;
}

.comment_countdown_box{
	float:right;
}
.comment_flash {
	text-transform:uppercase;
	display:none;
	margin:0 0 5px 0 ;
}

#more_comments_loader, #more_comments_busy{
	margin:20px 0 0 0;
	cursor:pointer;
	color:#000;
	padding:2px 6px 6px 6px;
	text-transform:uppercase;
	font-family:"Bebas Neue";
	font-size:1.4em;
	background:#CCCCCC;
    border-radius: 3px;
	height:20px;
	width:165px;
}
#more_comments_busy{
	display:none;
	width:100px;
}

.loading_more #more_comments_busy{
	display:block;
}
.loading_more #more_comments_loader{
	display:none;
}

#comment_post_busy {
	display:none;
	position:absolute;
	background:rgba(0,0,0,.90);
	height:100%;
	width:100%;
	top:0;
	left:0;
    border-radius: 10px;
	font-size:3em;
	font-family:"Bebas Neue";
	text-align:center;
}
#comment_post_busy.reveal{
	display:block;
}
#comment_post_busy p{
	margin:40px 0 0 0;
}
.unfinished_title{
	font-size:3em;
	margin: 0 0 15px 0;
}

/* user-playlist items
================================================== */
.user_playlist_item {
	height:200px;
	width:170px;
	margin:10px 33px 40px 0;
	float:left;
}

.user_playlist_item.last_column{
	margin:10px 0 40px 0;
}

.user_playlist_item a.playlist_item_info_box:hover {
	color:#fff !important;
}

.user_playlist_item .playlist_item_info_box{
	width:170px;
	height:170px;
	position:relative;
	display:block;
	border:#000 2px solid;
}

.user_playlist_item .playlist_item_thumb{
	width:100%;
	height:100%;
	margin:0 20px 0 0;
}
.user_playlist_item .playlist_item_rightside{
	padding:5px;
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	background:rgba(0,0,0,.95);
	display:none;
}
.user_playlist_item .reveal .playlist_item_rightside{
	display:block;
}

.user_playlist_item h3{
	margin:0 0 0 3px ;
	font-size:1.6em;
	letter-spacing:1px;
	display:inline-block;
	text-overflow:ellipsis;
    overflow: hidden;
	white-space: nowrap;
	width:100%;
}
.user_playlist_item .cat_stat{
	margin:7px 0 0 0;
}
.user_playlist_item .cat_stat, .user_playlist_item .username {
    font-size: 1.2em;
	letter-spacing:1px;
	text-overflow:ellipsis;
    overflow: hidden;
	white-space: nowrap;
	width:100%;
}

.user_playlist_item .item_description{
	margin:3px 0 5px 0;
    font-family:'Hero',Arial, San Serif;
	font-size:1.2em;
	max-height:90px;
	overflow:hidden;
}
.user_playlist_item  .stats_line{
    font-size: 1.3em;
	letter-spacing:1px;
}

/* checkout
================================================== */

#paypal_checkout_form, #bitcoin_payment_form {
    margin:40px 0 0 0;
    display:none;
    clear:both;
    width:320px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    float:left;
}

#paypal_checkout_form button {
    margin:30px 0 20px 0 !important;
}
#paypal_option, #cc_option, #bitcoin_option{
	float:left;
    margin:0 15px 0 0;
    border:0;
    font-family:'Bebas Neue', Arial, Sans Serif;
    font-size:24px;
    padding:4px 10px 1px 10px;
}

#bitcoin_option{
    margin:0 !important;
}

.stereoverdose_payment_page{
    height:800px;
}
.checkout_method_page #stripe_payment_form{
	display:none;
	margin:40px 0 30px 0;
	clear:both;
	float:left;
    width:100%;
    position:relative;
}


#stripe_payment_form select{
    font-size:16px;
}

#stripe_payment_form input{
    font-size:1.6em;
    padding:3px 5px 3px 5px;
    border-radius: 03px;
    border: 1px solid #ccc;
}

#stripe_payment_form input[data-stripe="cvc"]{
    width:4em;
    margin: 0 10px 0 0;
}

#stripe_payment_form input[data-stripe="number"]{
    width:14em;
}

#stripe_payment_form select{
    width:80px;
}

#stripe_payment_form button[type="submit"]{
    width:200px !important;
    margin:20px 0 0 0;
}

.stereoverdosemainextra #switch-cancel-sub-form button[type="submit"], #paypal_cancel_sub input[type="submit"]{
    width:250px;
    background-color: #961221;
}

#switch-cancel-sub-form button[type="submit"]:hover, #paypal_cancel_sub input[type="submit"]:hover{
    background-color: #730e19;

}

.stripe_padlock_box{
    background-color: #4c4c4c;
	padding:15px 15px 13px 15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.padlock{
    margin: 4px 10px 0 0;
    width:32px;
    height:32px;
    float:left;
}

.stripe_padlock_box p{
    overflow: hidden;
}

#payment-form, #paypal_checkout_form, #bitcoin_payment_form{
	padding:25px 15px 7px 15px;
    background:#302e2f;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

#paypal_checkout_form, #bitcoin_payment_form{
    padding-top:20px;
}

#bitcoin_payment_form form {
    margin:25px 0 10px 0;
}

#bitcoin_payment_form form input[type="image"]{
    width:126px;
    height:48px;
}

#payment-form td{
	padding:0;
    height:auto;
}

#stripe_info_box {
	height:50px;
	margin:0 0 20px 0;
}
#stripe_info_box a{
	float:left;
	margin:0 10px 0 0;
}
#stripe_info_box p{
	width:300px;
	float:left;
    font-size:12px;
}

.close_popup{
    font-size:25px;
    float:right;
    padding:0 8px;
}

#payment-form .cvc_label .cvc_whatisthis{
    font-size:12px;
    text-transform:none;
}

#cvc_explanation_box{
    background-color: #000;
    padding:10px 15px;
    position:absolute;
    right:-150px;
    bottom:30px;
    border:#404040 1px solid;
    display:none;
}

#cvc_explanation_box .card_display_box{
    width:250px;
    height:150px;
    background-color: #A4A2A3;
    margin:15px 45px 15px 45px;
    border-radius: 5px;
    overflow:auto;
    color:#302E2F;
}

#cvc_explanation_box #american_express_example {
    margin-bottom:35px;
}
#cvc_explanation_box #regular_card_example{
    margin-top:35px;
}

#cvc_explanation_box .cvc_explation_p{
    margin:0 0 0 0;
    padding: 0 10px;
    text-align:center;
    font-size:12px;
    line-height:16px;
}

#magnetic_line {
    margin:23px 0 10px 0;
    height:23px;
    background-color: #302E2F;
}

#cvc_explanation_box .cvc_explanation_number{
    font-family:"Hero";
    height:27px;
}

#cvc_explanation_box #american_express_example .cvc_explanation_number{
    margin:40px 35px 0 0;
}

#cvc_explanation_box #regular_card_example .cvc_explanation_number{
    margin:0 0 0 20px;
}

#cvc_explanation_box .cvc_explanation_number p{
    font-size:10px;
    color:#302E2F;
    float:left;
    margin:4px 6px 0 0;
}

#cvc_explanation_box .cvc_explanation_number div{
    font-size:14px;
    border:#c4172b 1px solid;
    text-align:center;
    color:#834a83;
}
#cvc_explanation_box #american_express_example .cvc_explanation_number div{
    width:40px;
    float:right;
}
#cvc_explanation_box #regular_card_example .cvc_explanation_number div{
    width:30px;
    float:left;
}

#cvc_explanation_box .blank_amex_numbers {
    text-align:center;
    line-height:15px;
    letter-spacing:1px;
    font-size:15px;
    margin: 0 0 10px 0;
}

.payment-errors {
	margin:5px 0 20px 0;
	display:none;
	width:321px;
}

.cc_input_error{
    display:none;
}

/*
#number_row .cc_input_error, #exp_row .cc_input_error{
    top:-12px;
}

#cvc_row .cc_input_error{
    top:-1px;
    left:-10px;
}
*/
#number_row .cc_input_error_text{
    width:225px;
}

#exp_row .cc_input_error_text{
    width:260px;
}

.checkout_method_page .purchase_details_box, .checkout_method_page .current_overdose_info{
    margin:0 0 30px 0;
    /*width:460px;*/
}

.purchase_details_box p, p.current_mem_info, #cancel_sub_p{
    font-size:1.6em;
    
}

#stereoverdose_about{
	font-size:1.8em;
    width:400px;
    letter-spacing:1px;
    margin:10px 0 0 0;
}

#about_page_buy_form {
    width:450px;
}

.exp_date_slash{
    font-size:18px;
    padding:0 3px;
}

.infopage .current_rollover_info{
    margin: 20px 0 0 0;
    font-size:16px;
}

.infopage .larger_blurb_p{
    font-size:18px;
}

#stereoverdose_about>div{
    background:#302e2f;
	padding:7px 10px 7px 15px;
    border-radius: 10px;
    margin:0 0 25px 0;
}

#stereoverdose_about div.no_options {
    padding:0;
}

#stereoverdose_about div.hide{
	display:none;
}

#recipient_input_area{
	display:none;
}

#recipient_input_area>div{
    margin:0 0 20px 0;
}

#stereoverdose_about #recipient_input_area.reveal{
	display:block;
}

.infopage a.buy_stereoverdose_link{
    margin:20px 0 0 0;
    width:200px;
}

.infopage .buy_stereoverdose_link{
    padding: 3px 0;
	display:block;
	font-size:1.8em;
	text-align:center;
	cursor:pointer;
	background-color:#252522;
    border-radius: 5px;
    -moz-box-shadow:    1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow:         1px 2px 2px #000000;
    color:#fff
}


.overdose_icon {
    background-position:-100px -325px;
    display:inline-block;
    width:24px;
    height:24px;
}

.profile_box .overdose_icon{
    position:relative;
    top:4px;
    margin: 0 0 0 5px;
}

.side_profile_box .overdose_icon{
    margin: 3px 0 0 0;
}

#stereoverdose_progbar_outer {
    margin:0 -5px 40px -5px; /* the -5px left/right is to remove outer border spacing */
}

#stereoverdose_progbar{
    width:100%;
    font-size:20px;
    color:#000;
    height:30px;
    display: table;
    table-layout: fixed;
    border-collapse:separate;
    border-spacing:5px;
    letter-spacing:1px;
}

#stereoverdose_progbar li{
    background-color:#464646;
    display: table-cell;
    text-align:center;
    border-radius: 03px;
}

#stereoverdose_progbar li.active {
    background-color:#bbb;
}

.overdose_form_box form {
    margin:5px 0 0 0;
}

.stereoverdosemainextra input.btn, #stripe_payment_form button[type="submit"], #switch-cancel-sub-form button[type="submit"],
#web2py_user_form.non_settings_form_box input.btn, #center_login_box input.btn, #paypal_checkout_form button {
    padding:5px ; 
    background-color: #935393;
    color:#fff;
    border:0 none;
    cursor:pointer;
    border-radius: 3px; 
    font-family:"Bebas Neue";
    font-size:20px !important;
    letter-spacing:1px;
    margin:20px 0 5px 0;
    width:100%;
}

.stereoverdosemainextra input.btn:hover, #stripe_payment_form button[type="submit"]:hover, #paypal_checkout_form button:hover{
    background-color:#7a457a;
}