﻿
body {
    font-family: Arial;
    color: #2D2D2D;
    font-size: 9pt;
}
a {
    color: #2D2D2D;
    text-decoration: none;
}

h2 {
    margin: 0 0 10px 0;
    padding: 0 0 1px;
}
h3 {
    font-weight: bold;
    font-size: 13pt;
    margin-bottom: 15px;
    margin-top: 10px;
}
h4 {
    font-weight: bold;
    font-size: 13pt;
}
td {
    vertical-align: top;
}
div.container {
    margin: 0 auto;
}

.clear {
    clear: both;
}
/*************************************/
/********* GLOBAL ********************/
/*************************************/

/* COLUMNS */
.column {
    float: left;
}
.column.left {
    margin: 0 0 0 5px;
    width: 182px;
}
.column.middle {
    margin: 0 0 0 15px;
    width: 426px;
}
.column.middle.memberpage {
    width: 785px;
}
.column.right {
    margin: 0 0 0 25px;
    width: 335px;
}
.section {
    margin: 0 0 10px;
}

/* MEMBER */
.member {
    /*background-image: url(/public/images/bg-header.png);*/
    height: 30px;
    text-align: right;
}
.member #SummaryEmailInput,
.member #join {
    height: 22px;
}

.member #SummaryEmailInput {
    border: 1px solid #aeaeae;
    padding: 0px;
    width: 280px;
}
.member #join {
    width: 53px;
}
.membership a {
    display: inline-block;
    background-image: url(/public/images/login.png);
    height: 17px;
    width: 44px;
    text-indent: -9999px;
    outline: none;

}
.membership span a {
    font-weight: bold;
    font-size: 13pt;
}
.membership label {
    background-image: url(/public/images/updates.png);
    display: inline-block;
    height: 17px;
    text-indent: -9999px;
    width: 131px;
}
.membership input {
    margin-left: -3px;
}
.membership #join {
    background-image: url(/public/images/join.png);
    height: 22px;
    text-indent: -9999px;
    width: 53px;
}

/*  FB CONNECT */
.permabar { margin: 10px 0px; }
.fb_edge_widget_with_comment { margin-top: 10px !important; }
#JJFlashHeader { position: relative; z-index: 1; height: 440px !important; }
#JJFBLike { position: relative; z-index: 2; float: right; top: 395px; right: 290px; height: 0; }
.connect_widget .connect_text_wrapper { color: #fff !important; }


/* TITLES */
.member_nav h2,
.membership h2,
.profile h2,
.tours h2,
.disco h2,
.storemusic h2,
.mobile h2,
.gallery_detail h2,
.carousel h2,
.gallery h2,
.artist h2,
.comments h2,
.news h2,
h2.title,
.competitions h2,
.merchandise h2,
.merchandise .comments h2 {
    background-image: url(/public/images/titles.gif);
    background-repeat: no-repeat;
    margin-top: 15px;
    text-indent: -9999px;
    height: 28px;
    width: 100%;
}

h2.title.video 			{ background-position: 0px 0px; }
.news h2,
h2.title.latest_news 	{ background-position: 0px -140px; }
.mobile .comments h2,
.comments h2,
.tours .comments h2,
h2.title.comments,
.store .comments h2,
.merchandise .comments h2 { background-position: 0px -308px; }
.artist h2,
h2.title.artist 		{ background-position: 0px -336px; }
.gallery_detail h2,
.carousel h2,
.gallery h2,
h2.title.gallery 		{ background-position: 0px -196px; }
.mobile h2,
h2.title.mobile 		{ background-position: 0px -84px; }
.store h2,
.store .disco h2,
h2.title.storemusic 	{ background-position: 0px -28px; }
.disco h2 				{ background-position: 0px -28px; }
.tours h2 				{ background-position: 0px -430px; }
.profile h2,
.profile .membership h2 { background-position: 0px -458px; }
.membership h2 			{ background-position: 0px -514px; }
.member_nav h2 			{ background-position: 0px -486px; }
.competitions h2 		{ background-position: 0px -280px; }
.merchandise .disco h2,
.merchandise h2         { background-position: 0px -28px; }




/* BUTTONS */
.buttons a,
.btn-cart,
.checkout-btn,
.enter-btn,
.enter_comp .button,
.getinfo,
.buyticketurl,
.btn-going,
.fan-btn,
.btn-buymerch {
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    outline: none;
    background-image: url(/public/images/buttons.png);
    width: 147px;
    height: 24px;
}
.playlist-item {
    height: 25px;
}
.playlist-item span.buy {
    display: block;
    float: right;
    clear: both;
    width: 55px;
}
.playlist-item .btn-cart {
    width: 55px;
}
.disco .buttons a,
.disco .blm .btn-cart {
    float: left;
    width: 57px;
    margin-left: 3px;
}
.blm .PreOrder .btn-cart {
    background-position: 0px -566px;
    width: 83px;
}
.track {
    height: 25px;
}
.track  span.buy,
.track  span.buy .btn-cart {
    cursor: pointer;
    position: absolute;
    float: left;
    margin-left: 18px;
}
.checkout-btn {
    font-weight: bold;
}


.buttons a.btn-listen 						{ background-position: 0px -98px; }
.buttons div.blm a,
.btn-cart 									{ background-position: 0px -540px; font-weight: bold; }
.blm .PreOrder a.btn-cart.AlbumDownload 	{ background-position: 0px -641px; width: 125px;  }
.blm .PreOrder a.btn-cart.CD 				{ background-position: 0px -665px; width: 105px;  }
.blm a.btn-cart.CD 							{ background-position: 0px -514px; width: 65px;  }
.blm a.btn-cart.AlbumDownload 				{ background-position: 0px -273px; width: 74px;  }
.track a.btn-cart,
.playlist-item a.btn-cart 					{ background-position: 0px -468px; width: 60px; height: 18px  }
.playlist-item .buy .btn-cart 				{ color: #fff;}
.buttons a.btn-review 						{ background-position: 0px -74px;}
.checkout-btn 								{ background-position: 0px -807px; }
.enter-btn,
.enter_comp .button 						{ background-position: 0px -199px; }
.getinfo 									{ background-position: 0px -175px; width: 70px; float: right; }
.buyticketurl 								{ background-position: 0px -150px; width: 90px; }
.btn-going  								{ background-position: 0px -124px; width: 77px; }
.tours.detail ul li .buyticketurl 			{ display: none !important; }
.fan-btn 									{ background-position: 0px -322px; margin: 20px 0; width: 106px; }
.btn-buymerch,
.disco .buttons a.btn-buymerch        { background-position: 0px -783px; width: 87px;}





/* NAV - VERTICAL */
#nav li a {
	height: 35px;
	outline: none;
	display: block;
	text-indent: -9999px;
	width: 182px;
	background-image: url(/public/images/navigation.gif);
}

#nav li#ni-home a 					{ background-position: 0px -113px; }
#nav li#ni-home a:hover,
#nav li#ni-home.selected a 			{ background-position: 182px -113px; }

#nav li#ni-news a 					{ background-position: 0px -148px; }
#nav li#ni-news a:hover,
#nav li#ni-news.selected a 			{ background-position: 182px -148px; }


#nav li#ni-about a 					{ background-position: 0px -183px; }
#nav li#ni-about a:hover,
#nav li#ni-about.selected a 		{ background-position: 182px -183px; }


#nav li#ni-videos a 				{ background-position: 0px -218px; }
#nav li#ni-videos a:hover,
#nav li#ni-videos.selected a 		{ background-position: 182px -218px; }


#nav li#ni-gallery a 				{ background-position: 0px -253px; }
#nav li#ni-gallery a:hover,
#nav li#ni-gallery.selected a 		{ background-position: 182px -253px; }


#nav li#ni-mobile a 				{ background-position: 0px -288px; }
#nav li#ni-mobile a:hover,
#nav li#ni-mobile.selected a 		{ background-position: 182px -288px; }


#nav li#ni-store a 					{ background-position: 0px -323px; }
#nav li#ni-store a:hover,
#nav li#ni-store.selected a 		{ background-position: 182px -323px; }


#nav li#ni-comps a 					{ background-position: 0px -358px; }
#nav li#ni-comps a:hover,
#nav li#ni-comps.selected a 		{ background-position: 182px -358px; }


#nav li#ni-tours a 					{ background-position: 0px -393px; }
#nav li#ni-tours a:hover,
#nav li#ni-tours.selected a 		{ background-position: 182px -393px; }


#nav li#ni-community a 				{ background-position: 0px -428px; }
#nav li#ni-community a:hover,
#nav li#ni-community.selected a 	{ background-position: 182px -428px; }


#nav li#ni-addfriends a 			{ background-position: 0px -520px; }
#nav li#ni-addfriends a:hover,
#nav li#ni-addfriends.selected a 	{ background-position: 182px -520px; }


#nav li#ni-allforone a 				{ background-position: 0px -554px; }
#nav li#ni-allforone a:hover,
#nav li#ni-allforone.selected a 	{ background-position: 182px -554px; }


#nav li#ni-links a 					{ background-position: 0px -588px; }
#nav li#ni-links a:hoverm,
#nav li#ni-links.selected a 		{ background-position: 182px -588px; }


#nav li#ni-comments a 				{ background-position: 0px -622px; }
#nav li#ni-comments a:hover,
#nav li#ni-comments.selected a 		{ background-position: 182px -622px; }





/* FOOTER */
.footer {
    text-align: center;
    color: #000;
    font-size: 9pt;
}  
.footer a {
    color: #000;
}
.footer span {
    display: block;
    margin: 15px 0;
}



/* GLOBAL IMAGE AND TEXT ITEMS */


/*.item {
    margin: 0 0 15px;
}
.mediaitem .image,
.mediaitem .text,
.item .image,
.item .text {
    float: left;
}
.item .image,
.mediaitem .image {
    margin-right: 15px;
    width: 80px;
}
.item .text,
.mediaitem .text {
    width: 330px;
}
.item .text h3 a {
    color: #2D2D2D;
    font-weight: bold;
    font-size: 14pt;
    text-decoration: none;
}
.item .text p a {
    color: #2D2D2D;
    text-decoration: none;
    font-weight: bold;
}*/
.control,
.copy,
.links{
    margin-bottom: 15px;
}

.links {
    font-size: 8pt;
}
.control {
    font-weight: bold;
}

/* COMMENTS */
.comment {
    margin-bottom: 15px;
}
.comment .image,
.comment .post {
    float: left;
}
.comment .image {
    margin-right: 15px;
    width: 100px;
    height: 110px;
}
.comment .post {
    width: 290px;
}
.postacomment {
    font-weight: bold;
}

/* BIO */
.artist .image {
    float: left;
    margin: 0 15px 15px 0;
}

/* VIDEO */
.videoplayer {
    margin-top: 15px;
}
/* MEDIA */
.mediaitem {
    margin-top: 10px;
}
/* MOBILE */
.ringtones {
    margin: 20px 0;
}




/* PLAYLIST */
#playlist {
    background-color: #623F8F;
    color: #fff;
    width: 320px;
}  
#playlist .playlist-item-bottom {
    margin: 0px 5px 6px;
}
.cart {
    background-image: url(/public/images/checkout-bg.gif);
    margin-top: 20px;
    margin-bottom: 20px;
    width: 169px;
    height: 109px;
}
.cart h4 {
    background-position: 0px -365px;
    height: 18px;
    text-indent: -9999px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.cart h4,
.cart ul,
.cart div {
    margin-left: 5px;
}


.musicdetail .descmore .copy {
   width: 200px;
}
.musicdetail .cart {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 158px;
}



/* MEMBER PAGE */
.blogwrap {
    margin-top: 20px;
}
.membership .desc a,
.membership .user.online a,
.membership.loggedin a {
    display: inline;
    background: none;
    font-weight: bold;
}
#MemberImageIcon {
    margin: 0 15px 15px 0 !important;
}
#MemberImageUpload {
    width: 180px !important;
}

/* COMMUNITY */
.community .comment {
    float: left;
    width: 120px;
}
.community .comment .post {
    display: none;
    
}
/* COMP */
.competitionform textarea {
    margin-top: 15px;
    height: 100px;
    width: 100%;
}
.competitionform textarea,
.competitionform input {
    margin-bottom: 15px;
}


/* STORE */


/* TOURS */
.eventitem span.date,
.eventitem span.getinfo,
.eventitem span.buyticket {
    display: block;
    font-weight: bold;
}
.eventitem span.buyticket {
    margin-bottom: 20px;
}
.tours .first .buyticket {
    margin-left: 163px;  
}


/* ================ */
/* = RATING STARS = */
/* ================ */

.stars {
	padding:0 0 0 66px;
	line-height:13px;
	font-size:9.8px;
	background:url(/public/images/star.png) 0 -66px no-repeat;	
}

.star_1 {
	background-position:0 -52px;
}

.star_2 {
	background-position:0 -39px;
}

.star_3 {
	background-position:0 -26px;
}

.star_4 {
	background-position:0 -13px;
}

.star_5 {
	background-position:0 0;
}

.star_1_half {
	background-position:0 -79px;	
}

.star_2_half {
	background-position:0 -108px;		
}

.star_3_half {
	background-position:0 -95px;			
}

.star_4_half {
	background-position:0 -80px;			
}

.blm a {
    cursor: pointer;
}


/* MISC */
.left div.icon {
    margin-top: 185px;
}

