@charset "UTF-8";
/* CSS Document */

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.separator {
	display:block;
	height:3px;
	background-color:#d6d6d6;
	padding:0;
	margin:0;
}

.larger {
	font-size:120%;
	padding-top:0px;
}

.shadow-input {
	display:block;
	width: 240px;
	height: 17px;
	border:medium none;
	background:none;
	font-size:14px;
	margin:0;
	outline-style:none;
	padding: 6px 10px 6px 10px;
	background-image:url('/img/input-bg1.png');
}
.shadow-input-holder {
	display:block;
	width: 260px !important;
	height: 29px;
	font-size:14px;
	background-image:url('/img/input-bg1.png');
	padding: 0 !important;
}
.shadow-input-holder input {
	padding: 6px 10px 6px 10px;
	width: 240px;
	height: 17px;
	border: 0;
	background: none;
}

.dark-medium-text {
	font-size:10px;
	color:#000;
	font-weight:bold;
}

.medium-text {
	font-size:12px;
	color:#2f2f2f;
}

.small-text {
	font-size:11px;
	color:#2f2f2f;
}

.white-text {
	font-size:11px;
	color:#FFF;
}

.link-medium {
	margin:5px 0px 0px 0px;
	padding:0;
	font-size:15px;
	color:#2f2f2f;
}

a.link-small-white {
	font-size:11px;
	color: #FFF;
	margin:0;
	padding:0;
}

.image-list {
	margin:0;
	padding:0;
	margin-top:10px;
}

.image-list li {
	float: left; display: inline;
	margin-right:16px;
	margin-bottom:20px;
	padding: 0 0 4px 0;
}

.image-list img {
	display: block;
	width:81px;
	height:81px;
	background-color:#f2f2f2;
	border:1px #333 solid;
}

.no-padding-a {
	padding:0;
	margin:0;
}

.hidden {
	display:none;
}

#content {
	float: left; display: inline;
	min-height:399px;
	/*padding-top: 1px;*/
}

#contentx {
	float: left; display: inline;
	min-height:399px;
   /*padding-top: 1px;*/
}

.main-content-area {
	width:810px;
	float: right; display: inline;
	background-color:#FFF;
}

img.loader {
	float:left;
	margin-right:10px;
}

/* MAIN NAVIGATION */

.navigation, .playlists {
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type:none;
	width:160px;
	background-color:#000;
}
.navigation li, .playlists li {
	padding:0;
	margin:0;
	height:44px;
	margin-bottom:1px;
	margin-right:1px;
}
.navigation a, .playlists a {
	margin:0;
	font-size:16px;
	font-weight:normal;
	height:32px;
	width:149px;
	padding:13px 0 0 20px;
	background-color:#000;
	background-image:url('/img/main-nav-bg.png');
}
.navigation a:hover, .playlists a:hover {
	text-decoration:none;
	color:#ad1e22;
	background-position:0px -45px;
}
.navigation a.active, .navigation a.active:hover {
	text-decoration:none;
	color:#000;
	background-position:0px -90px;
}

.sidebar {
	float: left; display: inline;
	width: 169px;
}
 


/* BLACK SEARCH AND LOGIN BAR */

.black-bar {
	height:46px;
	padding-left:10px;
	background:url('/img/black-bar-bg.jpg') repeat-x;
	position:relative;
	z-index: 100;
}

#searchForm {
	display:inline-block;
	border-right:1px solid #535353;
	padding-right:16px;
	margin-top:1px;
	height:45px;
	float:left;
}

a.rounded-dropdown {
	display:inline-block;
	background-image:url('/img/rounded_drop.png');
	background-repeat:no-repeat;
	width:150px;
	height:25px;
	float:left;
	padding:6px 0px 0px 15px;
	margin:9px 5px 0 0;
}

a.rounded-dropdown:hover {
	text-decoration:none;
	background-position:0px -30px;
}

.search-box {
	float:left;
	background-image:url('/img/search-bg.png');
	display:inline-block;
	width:316px;
	height:16px;
	margin-top:8px;
	margin-left:5px;
}

a.search-button {
	float:left;
	background-image:url('../img/search-button.png');
	display:inline-block;
	width:54px;
	height:25px;
	margin-top:6px;
	padding:9px 0 0 28px;
	overflow:hidden;
}

a.search-button:hover {
	background-position: 0 -34px;
	text-decoration:none;
}


.user {
	height:26px;
	line-height: 26px;
	width:158px;
	margin-right:10px;
	float: left; display: inline;
	padding: 10px 0;
	color:#eee;
	border-right:1px solid #535353;
}
.user .a-button { float: left; display: inline; }
.user a {
	color:#eee;
	display:inline;
}
.user .signup {
	float:right;
	margin-top: 1px;
	margin-right:15px;
}

#genres-list, #raga-list, #artist-list {
	margin:0;
	padding:1px 1px 0px 1px;
	position:absolute;
	background-color:#000;
	float:left;
	list-style-type:none;
}

#genres-list {
	top:36px;
	left:195px;
	z-index:200;
}

#raga-list {
	top:46px;
	left:23px;
	z-index:199;
	max-height:300px;
	overflow:hidden;
}


#artist-list {
	top:46px;
	left:194px;
	z-index:198;
}

#genres-list li, #raga-list li, #artist-list li {
	margin:0;
	padding:0;
}
#genres-list a, #raga-list a, #artist-list a {
	background-image:url('/img/genre-list-bg.png');
	background-repeat:repeat-x;
	width:170px;
	height:22px;
	margin-bottom:1px;
	padding:7px 0px 0px 15px;
	display: block;
}

#genres-list a:hover, #raga-list a:hover, #artist-list a:hover {
	background-image:url('/img/genre-list-bg-hover.png');
	text-decoration:none;
}






/* PLAYER AND CONTROLS */


.player-controls {
	margin:0;
	float:left;
	display:inline-block;
	width:138px;
}

#player {
	display:block;
	border-top:1px solid #535353;
	border-bottom:1px solid #535353;
	height:120px;
	background-color:#000;
}

a#play-pause {
	padding:0;
	margin:9px;
	display:inline-block;
	background-image:url('/img/play-pause.png');
	width:26px;
	height:27px;
}


.player-controls a.play {
	background-position:-26px 0;
}
.player-controls a.play:hover {
	background-position:-26px -25px;
}
.player-controls a.pause {
	background-position:-50px 0;
}
.player-controls a.pause:hover {
	background-position:-50px -25px;
}





/* SEARCH RESULTS LISTING */

.results-list {
	width:810px;
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}

.results-list li {
	padding:20px;
	margin:0;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	width:364px;
	height:190px;
	float:left;
	font-size:14px;
}

.results-list div {
	display:inline-block;
	float:left;
}
.results-list div span {
	display:block;
}
.album-info {
	float:left;
	width:260px;
	font-weight:bold;
	margin:10px 0 0 10px;
}

.results-list img {
	height:80px;
	width:80px;
	border:solid 1px #000;
	margin-top:10px;
}

.results-list span {
	display:inline-block;
}
.results-list a {
	margin:0;
	padding:0;
	font-weight:bold;
}

.results-list .artist {
	margin:0;
	padding:0;
	color:#777;
	font-size:11px;
	font-weight:normal;
}
.results-list .track-list {
	width:260px;
	margin:0;
	padding:0;
	list-style-type:none;
}
.results-list .track-list li {
	padding:0;
	margin:0;
	border:0px none;
	width:auto;
	height:auto;
	float:none;
	background-image:url('/img/track-list-bullet.png');
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	margin-bottom:1px;
}
.results-list .track-list li a {
	font-weight:normal;
	font-size:11px;
}
.results-list div.album-meta {
	margin:10px 0 0 5px;
	width:260px;
}
.results-list .album-meta h5 {
	font-size:10px;
	display:inline-block;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#666;
	line-height:15px;
}
.small-link {
	font-size:10px;
	color:#101010;
	display:inline;
}
.results-list .album-info .more-tracks {
	margin-top:8px;
	float:right;
}



/* ALBUM LISTING */

.album-list {
	width:810px;
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}

.album-list li {
	padding:15px;
	margin:0;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	width:239px;
	height:135px;
	float:left;
}

.album-list div {
	display:inline-block;
}
.album-list div span {
	display:block;
}
.album-list .album-info {
	float:right;
	width:140px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.album-list img {
	height:80px;
	width:80px;
	border:solid 1px #000;
}

.album-list span {
	display:inline-block;
}

.album-list a {
	padding:0;
}

.album-list .artist {
	color:#777;
	font-size:11px;
	font-weight:normal;
	margin-bottom:10px;
}

.buttons {
	padding-left:10px;
	margin-top:10px;
}









.results-filter {
	position:relative;
	background-image:url('/img/results-filter-bg.png');
	height:45px;
/*	padding-right:10px;*/
	float:right;
	width:810px;
}
.results-filter h4 {
	padding:15px 6px 0 6px;
	margin:0;
	color:#F99;
	display:inline-block;
	font-weight:normal;
	float:left;
}

.filter {
	float:left;
	padding:0px 0px 0px 10px;
}

.result-pages {
	float:right;
	margin-top:8px;
}
.result-pages h4 {
	float:left;
	color:#FFF;
	margin:0;
	padding:0;
	margin-top:7px;
}
.pages {
	margin-left:5px;
	display:inline-block;
	width:166px;
	height:31px;
	background-image:url('/img/pages-bg.png');
	background-repeat:no-repeat;
}
.pages a {
	float:left;
	background-image:url('/img/pages-buttons.png');
	background-repeat:no-repeat;
	display:inline-block;
	padding:0;
	margin:3px;
	width:25px;
	height:23px;
}
.pages h4 {
	width:104px;
	text-align:center;
	color:#101010;
}
.pages a.previous {
	background-position:0 -46px;
}
.pages a.next {
	background-position:-25px -46px;
}
.pages a.previous:hover {
	background-position:0 -23px;
}
.pages a.next:hover {
	background-position:-25px -23px;
}
.pages a.pdisabled, .pages a.pdisabled:hover {
	background-position:0 0;
}
.pages a.ndisabled, .pages a.ndisabled:hover {
	background-position:-25px 0;
}


/* RATING */

.rating {
	margin-bottom:10px;
	margin-left:8px;
	margin-top:10px;
	background-image:url('/img/stars.png');
	height:12px;
	width:67px;
	overflow:hidden;
}
.album-list .rating {
	margin-top:0px;
}
.rating1 {
	background-position:0 -12px;
}
.rating2 {
	background-position:0 -24px;
}
.rating3 {
	background-position:0 -36px;
}
.rating4 {
	background-position:0 -48px;
}
.rating5 {
	background-position:0 -60px;
}




/* BUTTONS */

a.a-button {
	background-attachment:fixed;
	background: transparent url('/img/internal_buttons_a.png') no-repeat scroll top right;
    display: inline-block;
    height: 29px;
    margin:0;
    padding-right: 8px;
	font-weight:bold;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

a.a-button span {
    background: transparent url('/img/internal_buttons_span.png') no-repeat;
    line-height: 21px;
    display: inline-block;
	padding: 3px 3px 5px 12px;
}

a.b-button {
	background-attachment:fixed;
	background: transparent url('/img/internal_buttons_2_a.png') no-repeat scroll top right;
    display: inline-block;
    height: 29px;
    margin:0;
    padding-right: 8px;
	font-weight:bold;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

a.b-button span {
    background: transparent url('/img/internal_buttons_2_span.png') no-repeat;
    line-height: 21px;
    display: inline-block;
	padding: 3px 3px 5px 12px;
}

a.a-button:hover, a.b-button:hover {
	background-position: right -29px;
	text-decoration:none;
}

a.a-button:hover span, a.b-button:hover span {
    background-position: left -29px;
}

.play-button img {
	width:9px;
	height:12px;
	border:0px none;
	margin-right:4px;
	float:left;
	margin-top:5px;
}


/* FOOTER */

.footer {
	padding:55px 0px 10px 20px;
	background-color:#141414;
	height:55px;
	line-height: 16px;
}


.footer p {
	float: left; display: inline;
}

.footer ul {
	float: right; display: inline;
	margin:0;
	padding: 0px 16px 10px 0;
}

.footer li {
	float: left; display: inline;
	padding:0px 12px 0px 8px;
	border-left:solid #FFF 1px;
}




/* LOGIN BOX */

#signin_menu {
	 behavior:url(border-radius.htc);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	color:#789;
	font-size:11px;
	top: 5px;
	left: 5px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*background:#39d url('http://s.twimg.com/a/1249943174/images/bg-btn-blue.png') repeat-x scroll 0 0;*/
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}


.buy-button {
	background-attachment:fixed;
	background: transparent url('/img/internal_buttons_a.png') no-repeat scroll top right;
    display: inline-block;
    height: 29px;
    margin:0;
    padding-right: 8px;
	font-weight:bold;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.buy-button span {
    background: transparent url('/img/internal_buttons_span.png') no-repeat;
    line-height: 21px;
    display: inline-block;
	padding: 3px 3px 5px 12px;
}
.buy-button:hover{
	background-position: right -29px;
	text-decoration:none;
}

.buy-button:hover span{
    background-position: left -29px;
}

.check-button {
	float:left;
	background-color:#ffffff;
	background-image:url('/img/search-button.png');
	display:inline-block;
	width:79px;
	height:31px;
	margin-top:0px;
	margin-left:6px;
    padding-left:8px;
	overflow:hidden;
	border:none;
	vertical-align:text-top;
}

.check-button:hover {
	background-position: 0 -34px;
	text-decoration:none;
}
.check-button2 {
    background: url("/img/white_button_span.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    height: 34px;
    line-height: 25px;
    padding: 4px 6px 5px 14px;
	}
/*.check-button2 {
	float:left;
	background-color:#F4C600;
	background-image:url('/img/search-button.png');
	display:inline-block;
	width:79px;
	height:31px;
	margin-top:0px;
	margin-left:6px;
    padding-left:8px;
	overflow:hidden;
	border:none;
	vertical-align:text-top;
}
*/
.check-button2:hover {
	background-position: 0 -34px;
	text-decoration:none;
}
/*------------End----------*/



/* ADD PLAYLIST BOX */

#playlist_menu {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	color:#789;
	font-size:11px;
	top: 170px;
	left: 500px;
}

#playlist_menu input[type=text] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#playlist_menu p {
	margin:0;
}
#playlist_menu a {
	color:#ffffff;
}
#playlist_menu label {
	font-weight:normal;
}
#playlist_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#playlist_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*background:#39d url('http://s.twimg.com/a/1249943174/images/bg-btn-blue.png') repeat-x scroll 0 0;*/
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

/*---------------*/

/* ADD FORGOT BOX */

#for_menu {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	color:#789;
	font-size:11px;
	top: 220px;
	left: 10px;
}

#for_menu input[type=text], #for_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#for_menu p {
	margin:0;
}
#for_menu a {
	color:#ffffff;
}
#for_menu label {
	font-weight:normal;
}
#for_menu p.remember {
	padding:10px 0;
}
#for_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#for_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*background:#39d url('http://s.twimg.com/a/1249943174/images/bg-btn-blue.png') repeat-x scroll 0 0;*/
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

/*---------------*/

/* ADD ALBUM PLAY */

#play_menu {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	color:#789;
	font-size:11px;
	top: 200px;
	left: 500px;
}

#play_menu input[type=text], #for_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#play_menu p {
	margin:0;
}
#play_menu a {
	color:#ffffff;
}
#play_menu label {
	font-weight:normal;
}
#play_menu p.remember {
	padding:10px 0;
}
#play_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#play_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	/*background:#39d url('http://s.twimg.com/a/1249943174/images/bg-btn-blue.png') repeat-x scroll 0 0;*/
	background-color:#3399DD;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

/*---------------*/

/* ADD ALBUM PLAY */

.play_menu {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
	background-color:.ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	color:.789;
	font-size:11px;
	top: 200px;
	left: 500px;
}

.play_menu input[type=text], .for_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid .ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
.play_menu p {
	margin:0;
}
.play_menu a {
	color:.ffffff;
}
.play_menu label {
	font-weight:normal;
}
.play_menu p.remember {
	padding:10px 0;
}
.play_menu p.forgot, .signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
.play_menu p a {
	color:.27B!important;
}
.signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*background:.39d url('http://s.twimg.com/a/1249943174/images/bg-btn-blue.png') repeat-x scroll 0 0;*/
	border:1px solid .39D;
	color:.fff;
	text-shadow:0 -1px 0 .39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
.signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
.signin_submit:hover, .signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

/*---------------*/