/* @import url("live.css"); */
@import url("music.css");

.full{
	width:100%; 
	float:left;
}
.landing-page-bg { 
	background:url(../img/landing_page_bg.jpg) no-repeat center center fixed;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.landing-page-container { 
	width:743px; 
	margin:0 auto;
} 
.landing-page-header {
	background:#fff;
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
	-o-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
}
.landing-page-container .LandingHdrLft { 
	height: 63px;
    padding: 0;
    width: 100%;
}
.landing-container-bg { 
	margin-top:50px;
	background:#fff;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.2); 	
} 
.landing-page-col-01 { 
	/* height:300px;  */
	position:relative; 
	text-align:center;
} 
.landing-page-logo { 
	margin:35px 0;
}
.sign-btn-outer { 
	/* height:120px;  */
	position:absolute; 
	right:0; 
	top:50%; 
	margin-top:-80px;
} 
.sign-btn-outer a { 
	display:block; 
	font-size:18px; 
	color:#FFFFFF; 
	width:80px; 
	text-align:center; 
	line-height:80px; 
}
.sign-btn-outer a.sign-up-btn { 
	background:#3a3a3a;
}
.sign-btn-outer a.sign-in-btn {
	background:#e0382f; 
	margin-top:6px;
}
.sign-btn-outer a.sign-up-btn:hover {
	background:#636262;
	background:-moz-linear-gradient(top, #636262 0%, #3a3a3a 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #636262), color-stop(100%, #3a3a3a));
	background:-webkit-linear-gradient(top, #636262 0%, #3a3a3a 100%);
	background:-o-linear-gradient(top, #636262 0%, #3a3a3a 100%);
	background:-ms-linear-gradient(top, #636262 0%, #3a3a3a 100%);
	background:linear-gradient(to bottom, #636262 0%, #3a3a3a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#636262', endColorstr='#3a3a3a', GradientType=0 )
}
.sign-btn-outer a.sign-in-btn:hover {
	background:#e75649;
	background:-moz-linear-gradient(top, #e75649 0%, #e23626 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e75649), color-stop(100%, #e23626));
	background:-webkit-linear-gradient(top, #e75649 0%, #e23626 100%);
	background:-o-linear-gradient(top, #e75649 0%, #e23626 100%);
	background:-ms-linear-gradient(top, #e75649 0%, #e23626 100%);
	background:linear-gradient(to bottom, #e75649 0%, #e23626 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75649', endColorstr='#e23626', GradientType=0 )
}
.landing-page-col-outer { 
	background: url(../img/divider_line.jpg) center top no-repeat; 
	background-size:100% auto; 
	padding:44px 40px; 
	clear:both;
	color: #3a3a3a;
}
.landing-page-col-outer p { 
	font-size:24px; 
	line-height:30px; 
	font-weight:300; 
	text-align:justify;
}
.landing-page-col-outer p span { 
	font-weight:bold;
}
.landing-page-col-outer2 { 
	background: url(../img/divider_line2.jpg) center top no-repeat; 
	background-size:100% auto; 
	padding:40px 40px 53px; 
	clear:both;
}
.square-btn-outer {
	/* width:412px;*/ 
	float:left;
} 
.square-btn-outer-col { float:left; margin-right:7px; height:112px;}
.square-btn-outer-col a { 
	display:table-cell; 
	width:137px; 
	height:105px; 
	vertical-align:middle; 
	text-align:center; 
	color:#3a3a3a; 
	font-size:23px; 
	line-height:24px; 
	font-weight:300;  
}
.square-btn-outer a.link1 {
	background:#419fc6;
}
.square-btn-outer a.link2 {
	background:#c5c4c9;
}
.square-btn-outer a.link3 {
	background:#fb5431;
}
.square-btn-outer a.link4 {
	background:#fcc444;
}
.square-btn-outer a.link5 {
	background:#8dd62e;
}
.square-btn-outer a.square-btn-middle { 
	/* width:112px; 
	text-align:left; */
}
.square-btn-outer a:hover { 
	color:#666;
}
.square-col { 
	display:table-cell; 
	width:252px; 
	height:202px; 
	vertical-align:middle; 
	text-align:center; 
	color: #3a3a3a; 
	font-size:25px; 
	line-height:25px; 
	font-weight:bold;
}
.landing-page-container ul.landing-footer { 
	position:relative; 
	width:100%; 
	float:left; 
	padding:5px 0;
}


.landing-sign-up {float:left; margin-left:40px; padding-top:40px; width:70%; text-align:left;}
.landing-sign-up h1 { font-size:400%;}

.landing-sign-up #registrationform .custom-checkbox label, 
.landing-sign-up #loginform .custom-checkbox label { border-bottom:none;}
.landing-sign-up label.check-box { background:#FFFFFF; border:none;}
.sign_up_block { /* height:460px; */}
.landing-sign-in { min-height:500px;}

@media all and (max-width:767px) { 
	.landing-page-container { 	width:90%;	}
	.landing-page-col-outer2, .landing-page-col-outer { padding:44px 40px;	}
	.landing-page-col-outer2{
		padding-bottom:57px;
	}
	.landing-page-col-outer p {
		font-size:20px;
	}
.landing-sign-up { width:80%;}	
.landing-sign-up h1 {  font-size: 350%;}	
}

@media all and (max-width:640px) { 
	.square-col{
		height: inherit;
		line-height: inherit;
		padding: 25px 0 0;
		width: 416px;
	}
	.landing-page-col-outer2 {
		padding-bottom: 34px;
	}
}

@media all and (min-width:320px) and (max-width:639px) { 
	.square-col { 
		width:100%; 
		display:block; 
		float:left; 
		height:auto; 
		padding:25px 0;		
	}
	
.landing-page-col-outer2 {
		padding-left: 15px;
	}
}


@media all and (min-width:480px) and (max-width:639px) { 
.square-btn-outer {
    float: none;
    margin: 0 auto;
    padding-left: 7px;
    width: 288px;
}

.landing-sign-up h1 {  font-size: 250%;} 
.landing-sign-up .button-bar button#signin { float:left;}

}

@media all and (min-width:320px) and (max-width:479px) {  
 
	/*.square-btn-outer a,	.square-btn-outer a.square-btn-middle { 
		display:block; 
		float:left; 
		height:auto; 
		padding:10px 0; 
		width:100%; 
		text-align:center;
	}*/
	.landing-page-logo img { 
		width:75px;
	}
	.landing-page-col-01 { 
		/* height:196px; */
	}
	.LandingFtr li:first-child { 
		margin-right:15px;
	}
	
	.square-btn-outer {
    float: none;
    margin: 0 auto;
    padding-left: 7px;
    width: 288px;
}

.sign_up_block { height:auto!important; padding-bottom:25px;}
.landing-sign-up { padding-left:0px; margin-left:10px;}
.landing-sign-up h1 { font-size:22px;}
.landing-sign-up .button-bar button#signin { float:left;}
.landing-sign-up { width:70%;}	

.landing-sign-in .landing-sign-up { width:100%;}
.landing-sign-in .button-bar button { float:left; clear:left;}
.landing-sign-in .sign-btn-outer { top:150px;}
.landing-sign-in .signup .button-bar { width:80%;}
.landing-sign-in .custom-checkbox, 
.landing-sign-in .custom-radio { float:left;}
	
}
@media all and (min-width:320px) and (max-width:359px) {  
.square-btn-outer-col { width:137px;  margin:0 auto; float:none;}
.square-btn-outer br { display:none;}
.square-btn-outer-col br { display:block;}
.square-btn-outer { width:100%; padding-left: 0px;}
}

.new-landing-login, .new-landing-reg, .new-landing-forgt{
	text-align: left;
}
.new-landing-login .content, .new-landing-reg .content, .new-landing-forgt .content{
	margin-top:0;
	padding-top:0;
}
.new-landing-login .user-forms, .new-landing-reg .user-forms, .new-landing-forgt .user-forms{
	margin-top:0;
	margin-bottom:40px;
}
.new-landing-login .test, .new-landing-reg .test, .new-landing-forgt .test {
	margin-top:0 !important;
    margin-left: 40px !important;
    padding-top: 40px !important;
    text-align: left !important;
    width: 70%;
}
.new-landing-login .check-box, .new-landing-reg .check-box {
	border-bottom:none;
}
.new-landing-login .button-bar .check-box, .new-landing-reg .button-bar .check-box {
	background:none;
}
.new-landing-forgt .reset button{
	margin-bottom:40px;
}

.pass-reset-btn{
	width:98%;
}
.new-landing-forgt  .pass-reset-btn button{
	margin-right:0px;
	margin-top:10px;
}