/*	ELEMENTS	*/
body {
	margin:0 auto;
	width:960px;
	height:768px;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left;
	background-image:url(../images/header.png);
	height:155px;
	margin:0 auto;
}
/*	IDS	*/
#wrapper {
	margin:0 auto;
	width:960px;
	height:100%;
}
#header {
	background-color:#200073;	
	height:320px;
	border-radius:5px;
	margin:0 auto;
	display:block;
	width:960px;
}
#top_header {
	display:block;
	margin-bottom:5px;
}
#left_header {
	display: inline;
	float:left;
	width: 57%;
	height:150px;
	margin-top: -25px; 
	margin-right:3%;
}
#logo {
	position:relative;
	top:0;
	left:0;
}
.fb-like {
	margin-left:25px;
	margin-top:-50px;
}
#right_header {
	display: inline;
	float:left;
	width: 40%;
	height:150px;
	margin-top: 35px auto;
	display:inline-block;
}
#header_btns_div {
	width:100%;
	text-align:center;
	margin:40px auto;
	display:inline-block;
}
.header_btns {
	width:48%;
	text-align:center;
	display:inline-block;
	cursor: pointer;
}
.header_btns:hover {
	cursor: pointer;
}
#home_btn {
	background-image:url(../images/sprites3.png);
	cursor: pointer;
	background-position:0 0;
	width: 128px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
#request_song_btn {
	background-image:url(../images/sprites3.png);
	cursor: pointer;
	background-position:-128px 0;
	width: 128px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

/*	CATALOG CONTENT BUTTONS		*/
#content_btns_div {
	width:92.5%;
	margin:15px auto;
	display:inline-block;
}
.content_btns {
	width:30.8%;
	text-align:center;
	display:inline-block;
}/*
#content_btns_div .content_btns {
	cursor: pointer;
}*/
#previous_btn {
	background-image:url(../images/sprites3.png);
	background-position:-256px 0;
	width: 128px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
#new_songs_btn {
	background-image:url(../images/sprites3.png);
	background-position:-384px 0;
	width: 128px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
#next_btn {
	background-image:url(../images/sprites3.png);
	background-position:-512px 0;
	width: 128px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
#view_all_btn {
	background-image:url(../images/sprites3.png);
	background-position:-640px 0;
	width: 128px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

/*	INDEX IDS	*/
#twoCol {
	width:100%;
	margin:auto;
	text-align:center;
}
#col1 {
	width:48%;
	display:inline-block;
	margin:auto;
}
#col2 {
	width:48%;
	display:inline-block;
	margin:auto;
}
.content_button {
	margin:auto;
	text-align:center;
}
.content_button p{
	margin:auto;
	text-align:center;
	font-size:2.5em;
	font-weight:bold;
}
.content_button img {
	margin:auto;
	text-align:center;
	width:93%;
	height:93%;
}

/*	INFO - HOW TO	*/






/*	CLASSES		*/

.hidden {	
	display:none;
	margin:0;
}
.italic {
	font-style:italic;
}


/*	SEARCH 		*/
#search {
	width:99%;
	margin:auto;
}
#search span {
	font-size:3em;
}
#search #tuto_link a {
	font-size:3em;
	padding:25px;
}
#search input {
	border:1px solid #280992;
	border-radius:5px;
	width:93%;
	margin:0 auto;
	display:block;
	height:100px;
	font-size:3.2em;
	z-index: 1;
}/*
#search #results {
	width:35px;
	z-index:999999;
	position:relative;
	top:0;
	left:0;
}*/
#search #results {
/*	width:950px;*/
	width:98%;
	z-index:999999;
	position:relative;
	top:0;
	left:1%;
}
#search ul {
	margin-top:0px;
	background-color:#111133;
	color:#FFFFFF;
}
#search ul li {
	margin-left:-30px;
	margin-right:10px;
	list-style-type:none;
	clear:both;
	padding:30px;
	border-bottom:1px solid #555577;
	text-align:left;
	font-size:2em;
	color:#B6C7DA;
}
#search ul li:hover {
	color:#FFFFFF;
}
#search img {
	margin-left:10px;
}
#search #auth_dat {
	color:#cccccc;
}
#search #rest {
width:950px;
}
#search ul a {
	text-decoration:none;
}
#search #no_result {
	width:100%;
	height:50px;
	font-size:2em;
	padding-top:10px;
	background-color:#555577;
	color:#FFFFFF;
	text-align:center;
}
#search li:hover {
	color:#555577;
}/*
#search #inputbox {
	position:relative;
	z-index:99;
	top:0;
	left:0;
}*/
#search .overlay{position:absolute; left:0px; top:0px; width:80%; height:100%; 
z-index:98;}
/* 	SEARCH END	*/

/*	LOGIN DIV INFO START	*/
#login {
	width: 99%;
	position: relative;
	left: 4px;
	top: -125px;
	z-index: 100;
	border-radius:15px;
}
#login p.btns{
	width:80%;
	text-align:center;
	padding:75px 0 50px 0;
}
#open {
	margin: 0;
	cursor: pointer;
	height: 100px;
	background: #FFFFFF;
	font-size:3em;
	text-align:center;
	line-height:100px;
	color: #200073;
	padding: 10px 0;
	border-radius:15px;
}
#login .close {
	color: #000000;
	background-color: #FFFFFF;
}
#login .close:hover {
	color: #200073;
	background-color: #FFFFFF;
}
#open:hover {
	color: #000000;
	background-color: #FFFFFF;
}
#login form {
	padding: 1px 1px 1px 1px;
	display: none;	
	margin:auto;
	background-color: #FFFFFF;
}
.login {
	background-image:url(../images/login/mobile_login.png);	
	background-position:0 0;
	width: 300px;
	height: 150px;
	color:#FFFFFF;
	border: 0;
	background-color:transparent;
	cursor:pointer;
	margin-left:15%;
	margin-right:15%;
}
.FBlogin {
	background-image:url(../images/login/mobile_login.png);	
	background-position:-0 -930px;
	width: 150px;
	height: 150px;
	color:#FFFFFF;
	display:inline;
	float:right;
	text-decoration:none;
	margin-right:15%;
}

.settings {
	background-image:url(../images/login/mobile_login.png);	
	background-position:0 -620px;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	display:inline-block;
	float:right;
	text-decoration:none;
}/*
.settings :hover{
	background-image:url(../images/login/mobile_login.png);	
	background-position:0 -775px;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	display:inline;
	text-decoration:none;
}*/
.logout {
	background-image:url(../images/login/mobile_login.png);	
	background-position:0 -310px;
	background-repeat:no-repeat;
	display:inline-block;
	width: 300px;
	height: 150px;
	border: 0;
	background-color:transparent;
	cursor:pointer;
	margin:0 100px;
}/*
.logout :hover{
	background-image:url(../images/login/mobile_login.png);	
	background-position:0 -465px;
	background-repeat:no-repeat;
	width: 300px;
	height: 150px;
	border: 0;
	background-color:transparent;
	cursor:pointer;
	margin:0 100px;
}*/
#login label {
	display: block;
	font-size: 3em;
	padding:8px;
	width: 100%;
	text-align:center;
	margin: auto 0;
	color: #200073;
}
#login input {
	font-size: 2.8em;
	display: block;
	width: 88%;
	height:75px;
	text-align:center;
	margin: 0;
	margin: auto;
}
#login input[type='submit'] {
	display: block;
	width: 415px;
	height:125px;
	text-align:center;
	margin: auto;
}
div.errors_div {
	font-weight:bold;
	display:block;
/*	margin-bottom:8px;
	margin-top:8px;*/
	font-size:3.5em;
	text-align:center;
}
label.error, p.error{
	color:red !important;
	display:block !important;
	width:100% !important;
}
.signup {
	font-size: 3.2em;
	padding:8px 15px;
	margin:8px 25px;
}
/*	END LOGIN	*/





/*	TABLE START	*/
#table {
	display:inline;
	margin-left:0;
	float:left;
	width:92.5%;
}
#table table {
	padding:25px;
	width:100%;
	background-color:#FFFFFF;
	margin:auto;
	border:5px solid #000000;
	border-collapse:collapse;
	float:left;
}
#table table th {
	font-size:2.2em;
	text-align:left;
	padding:8px;
	border:1px solid #000000;
}
#table table td {
	font-size:1.9em;
	text-align:left;
	padding:8px;
	border:1px solid #000000;
}

.table_full {
	display:inline;
	width:100% !important;
}
/*	TABLE END	*/
/*	ALPHABET START	*/
#alphabet_links {
	font-size:2.2em;
	float:right;
	width:7.5%;
	text-align:center;
}
#alphabet_links ol{
	line-height:60px;
	display:inline;
	text-align:center;
	vertical-align:middle;
}
#alphabet_links ol li{
	list-style-type:none;
	padding-bottom:10px;
}
/*	ALPHABET END	*/









#settings {
	padding:25px;
	background-color:#F9F9F9;
	margin:auto;
	width:960px;
	border-top:5px solid #0D002E;
	border-bottom:5px solid #0D002E;
	border-left:none;
	border-right:none;
	border-collapse:collapse;
}
#settings tr {
	height:50px;
	border-left:#FFFFFF;
	border-right:#FFFFFF;
	border-collapse:collapse;
}
#settings th {
	width: 200px;
	background-color:#200073;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.4em;
	border-top:2px solid #000000;
}
#settings td {
	font-size:1em;
	text-align:left;
	padding:8px;
	border-bottom:1px solid #280091;
	border-collapse:collapse;
}
.edit {
	width: 100px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	border:2px outset #200073;
}





.back {
	position:absolute;
	top:8px;
	left:50px;
	font-size:3em;
	width:100%;
}



#map {
	width: 900px;
	height: 675px;
	position:absolute;
	top:300px;
	left:10px;
}
#twitter a{
	width:900px;
	height:150px;
	display:block;	
}
a.signUp {
	font-weight:bold;
	font-size:2em;
}
#content {
	margin:auto;
	position:absolute;
	top:325px;
	width:960px;
}

#locations {
	width:100%;
	display:block;
}

#locations p{
	text-align:left;
	font-size:1.9em;
}
ul.LocationsList {
	list-style-type:none;
	width:92%;
	text-align:center;
	font-size:2.2em;
}
li.LocationsList {
	text-align:left;
}
#main {
	float:right;
	display:inline-block;
}





/*ul.PageLinks {
	/*margin:auto;
	display:block;
	width:100%;
	text-align:center;
}
ul.PageLinks li{
	/*display:inline;
	list-style-type:none;
	padding-right:25%;
	padding:5%;
	text-align:center;
}*/



/*
.right {
	float:right;
	margin-right:5%;
}
#content p {
	font-size:2.2em;
	font-weight:bold;
	display:block;
	margin-top:25px;
	margin-bottom:25px;
	text-align:center;
}*/



/*
p.content {
	font-weight:bold;
	font-size:2.6em;
	margin-bottom:1px;
}
#fb {
	width:260px;
	height:275px;
	border:solid #000 1px;
	box-shadow: 3px 4px 2px #CCC;
	overflow:scroll;
	position:absolute;
	top:100px;
	left:40px;
}
div.fb-like {
    margin-left: 1.5%;
    margin-top: -15px;
}
#twitter {
	width:260px;
	height:275px;
	border:solid #000 1px;
	box-shadow: 3px 4px 2px #CCC;
	overflow:scroll;
	position:absolute;
	top:100px;
	left:660px;
}*/






/*#headerImg {
	margin:0;
}*/

/*
#request_song_div {
	position:absolute;
	top:50px;
	left:675px;
	
}*/


/*
div.contact {
	text-align:right;
	color: #FFFFFF;
	font-weight:bold;
	font-size:2em;
	margin-top:-145px;
	margin-right:3%;
}
div.contact p{
	color: #FFFFFF;
	margin-top:-2px;
}
p.slogan {
	text-align:left;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1.8em;
	margin-top:-15px;
	margin-bottom:1px;
	text-shadow: 2px 2px #333;
}*/






/*
#settings {	
	margin:auto;
	position:absolute;
	top:90px; 
	display:block;
	clear:both;
	z-index:-1;
}*/





/*
#back {
	position:absolute;
	top:385px;
	left:325px;
	font-size:3em;
}
#footer {
	background-color:#200073;
}*/