/* Bands Page */

/* LN 918 */

/* 11. Bands Page */

#editStatus {
	display: none;
	font-family: 'arial';
	text-align: left;
	padding: 5px;
}

#TB_ajaxContent #editStatus p {
	display: block;
	padding:10px;
	margin: 5px;
	color: #333333;
}

#TB_ajaxContent #editStatus .msg {
	font-size: 11px;
}

#TB_ajaxContent #editStatus .saveitem.idle {
	background-color: #F7F7F7;
	xborder: 1px solid #D8DFEA;
}

#TB_ajaxContent #editStatus .saveitem.busy {
	background-color: #FFF9D7;
	xborder: 1px solid #E2C822;
}

#TB_ajaxContent #editStatus .saveitem.success {
	color: white;
	background-color: #67A54B;
	xborder: 1px solid #3B6E22;
}

#TB_ajaxContent #editStatus .saveitem.errr {
	background-color: #FFEBE8;
	xborder: 1px solid #DD3C10;
}

#TB_ajaxContent #editStatus .saveitem.hidden {
	display: none;
}

/*&&&> a. Top Panel */

.bands #panel.admin {
	background: url(../i/panel_bands_bg.jpg) no-repeat top left;
	padding: 12px 11px 0 12px;
	width: 231px;
	}

#panel .user {
	color: #333;
	font: 11px/16px "lucida grande",verdana,sans-serif;
	padding: 8px 2px 0px 10px;
	height: 74px
	}

#panel .user a {
	color: #000;
	}

#panel .user a:hover {
	text-decoration: none;
	}

#panel .user p {
	margin: 0 0 3px 0;
	}

#panel .controls {
	color: #555;
	font: 11px/13px "lucida grande",verdana,sans-serif;
	padding: 6px 2px 3px 8px;
	}

#panel .controls .notifications_box {
	background: #ccc url(../i/panel_notifications_bg.jpg) repeat-x top;
	border: 1px solid #bbb;
	padding: 4px 5px 5px 7px;
	position: absolute;
	top: 104px;
	right: 18px;
	float: right;
	overflow: hidden;
	width: 103px;
	height: auto;
	}

/*
#panel .controls a {
	background: url(../i/add.png) no-repeat 0 3px;
	color: #555;
	float: left;
	margin: 0;
	padding: 4px 0 3px 22px;
	text-decoration: none;
	}
*/

#panel .controls .notifications_box a {
	background: transparent;
	color: #333;
	float: none;
	padding: 0;
	margin: 0;
	}

#panel .controls a:hover {
	text-decoration: none;
	}

#panel .controls .comments {
	background: url(../i/panel_comments_1.png) no-repeat top left;
	padding: 1px 0 3px 22px;
	margin: 1px 0 6px 0;
	}

#panel .controls .comments.new {
	background-image: url(../i/panel_comment.png);
	}

#panel .controls .fans {
	background: url(../i/panel_comments_1.png) no-repeat top left;
	padding: 1px 0 3px 22px;
	}

#panel .controls a:hover {
	color: #333;
	}

/* Generic edit button  - for text and crap */



/* Sweet edit Button */

.bands #panel .controls .editbtn {
	background: url(../i/bands_panel_edit_5.jpg) no-repeat top left;
	color: #333;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 19px;
	top: 104px;
	overflow: hidden;
	height: 33px;
	width: 93px;
	}

.bands #panel .controls .editbtn:hover {
	background-image: url(../i/bands_panel_edit_6.jpg);
	}

.editing #panel .controls .editbtn {
	background-image: url(../i/bands_panel_done_3.jpg);
	}

.editing #panel .controls .editbtn:hover {
	background-image: url(../i/bands_panel_done_4.jpg);
	}

.bands #panel .status {
	font-size: 9px;
	position: absolute;
	text-align: center;
	width: 90px;
	top: 137px;
	left: 20px;
	}

/*&&> b. Members Listing */

ul.artists {
	float: right;
	list-style: none;
	margin: 30px 10px 0 0;
	width: 235px;
	}

ul.artists .photo {
	background: url(../i/artist_person_photo.jpg) no-repeat top left;
	margin: 0 5px 5px 0;
	padding: 5px 5px 8px 4px;
	float: left;
	}

.photo img {
	border: 1px solid #666;
	}

.person .photo a {
	border: 1px solid #fff;
	display: block;
	width: 101px;
	height: 68px;
	}

.person {
	float: left;
	padding: 0 0 5px 0;
	position: relative;
	width: 100%;
	}

.person .photo .edit,.person .photo .delete {
	border: 0 none;
	display: block;
	display: none;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 50px;
	right: 121px;
	z-index: 10;
	}

.person .photo .delete {
	background: url(../i/photo_delete_24.png) no-repeat top left;
	right: 140px;
	}

.person .photo .delete:hover {
	background-image: url(../i/photo_delete_24_hover.png);
	}

.person .photo .edit {
	background: url(../i/pencil_24.png) no-repeat top left;
	}

.person .photo .edit:hover {
	background-image: url(../i/pencil_24_hover.png);
	}
	
.person.editing .photo .edit {
	background-image: url(../i/accept_icon.jpg);
}

.person.editing .photo .edit:hover {
	background-image: url(../i/accept_icon_hover.jpg);
}

.editing .person .photo .edit,.editing .person .photo .delete {
	display: block;
	}


.person h2 {
	font: 13px/12px "lucida grande","trebuchet ms",verdana,sans-serif;
	line-height: 14px !important;
	margin: 5px 0 3px 120px;
	}

.artists .person p {
	margin: 0px 0 2px 120px !important;
	}

.new.person {
	display: none;
}

.person .attach_to_member {
    display: none;
}

.person .attach_to_member a {
    color: pink;
}
/* Christmas Colors */

.person h2 {
	color: #a7d360;
	color: #bddcef;
	}

.person.odd h2 {
	color: #df303a;
	color: #00aeef;
	}

/*&&> c. Star Rating */

.stars li.current-rating {
   background: url(../i/gold_stars.jpg) no-repeat top left;
   position: absolute;
   height: 20px;
   display: block;
   text-indent: -9000px;
	 z-index: 1;
	 }

.stars {
	list-style: none;
	margin: 5px 0 0 5px;
	padding: 0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../i/stars.jpg) repeat-x 0 -40px;
	float: left;
	}
	
.stars li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}

.stars li a {
		display:block;
		width: 20px;
		height: 20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}

.stars li a:hover{
	background: url(../i/stars.jpg) repeat-x 0 -20px;
	z-index: 2;
	left: 0px;
	}
	
.stars a.one-star{
	left: 0px;
	}

.stars a.one-star:hover{
	width:20px;
	}

.stars a.two-stars{
	left:20px;
	}

.stars a.two-stars:hover{
	width: 40px;
	}

.stars a.three-stars{
	left: 40px;
	}

.stars a.three-stars:hover{
	width: 60px;
	}

.stars a.four-stars{
	left: 60px;
	}

.stars a.four-stars:hover{
	width: 80px;
	}

.stars a.five-stars{
	left: 80px;
	}

.stars a.five-stars:hover{
	width: 100px;
	}

/* Add a ____ in Navigation */

#south .fragment .add,#south .fragment .modify,#content .edit {
	background: #000 url(../i/add_icon.jpg) no-repeat center left;
	border: 0 none;
	color: #ccc;
	display: block;
	font: 12px/20px "lucida grande",verdana,sans-serif;
	padding: 2px 0 2px 20px;
	position: absolute;
	top: -28px;
	right: 140px;
	text-decoration: none;
	height: 20px;
	width: 100px;
	}
	
#main #bio p
{
	padding: 10px 8px 10px 10px;
	font-size: 11px;
	line-height: 1.7em;
	color: lavender;
	letter-spacing: .04em;
}

#bio
{
	border: 1px solid #222;
	border-width: 1px 0 0 1px;
	
	padding: 5px;
	background: #111111 none repeat scroll 0% 50%;
}

#bio a
{
    color: pink;
}

#content {
	position: relative;
	}
	
.bands #content h1 {
	margin-left: 2px;
	color: wheat;
}

#content .edit {
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	}

#south .modify span,#content .edit span{
	font: 12px/20px "lucida grande",verdana,sans-serif;
	}

#south .fragment .modify,#content .edit {
	background-image: url(../i/delete_icon.jpg);
	background-image: url(../i/black_pencil.jpg);
	right: 140px;
	}

#south #comments .modify { /* Because no preceding Add */
	right: 140px;
	}

#south .fragment .add:hover {
	background-image: url(../i/add_icon_hover.jpg);
	color: #fff;
	}

#south .fragment .modify:hover,#content .edit:hover {
	background-image: url(../i/delete_icon_hover.jpg);
	background-image: url(../i/black_pencil_hover.jpg);
	color: #fff;
	}

#south .modify .stopmodifying,.editing #south .modify .startmodifying, #content .edit .stopmodifying  {
	display: none;
	}

.editing #south .modify .stopmodifying {
	display: block;
	}

.editing #south .modify {
	background-image: url(../i/accept_icon.jpg);
	background-image: url(../i/black_lock.jpg);
	}

.editing #south .modify:hover {
	background-image: url(../i/accept_icon_hover.jpg);
	background-image: url(../i/black_lock_hover.jpg);
	}

#content .edit {
	right: 0px;
	display: none;
	}

/* END AJAX TAB STYLES */

/* Photos */

#photos a img {
	border:  1px solid #888;
	height: 66px;
	width: 100px;
	}

#photos a:hover img {
	border-color: #666;
	}

#photos a {
	float: left;
	display: block;
	height: 65px;
	width: 100px;
	}

#photos .image {
	border: 1px solid #fff;
	position: relative;
	float: left;
	display: block;
	margin:  0 0 10px 11px;
	height: 68px;
	width: 102px;
	}

#photos .image.placeholder {
	display: none;
	}

.editing #photos .image.placeholder {
	display: block;
	}

#photos a.delete {
	background: url(../i/photo_delete_24.png) no-repeat top left;
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 3px 3px 0;
	height: 16px;
	width: 16px;
	}

#photos a.delete:hover {
	background-image: url(../i/photo_delete_24_hover.png);
	}

#photos .pagination {
	clear: both;
	}

/* Shows */

.fragment .titles {
	background: #ccc url(../i/bands_titles_bg.jpg) no-repeat top left;
	color: #07e;
	font: 14px/22px "lucida grande",verdana,sans-serif;
	padding: 6px 10px 3px 25px;
	height: 21px;
	width: 672px;
	position: relative;
	top: -2px;
	left: -2px;
	}

#shows .titles span,#songs .titles span {
	font-size: 12px;
	}

.fragment .show,.fragment .album,.fragment .song {
	clear: right;
	float: left;
	display: block;
	width: 700px;
	padding: 5px 0;
	}

.show .delete,.show .edit,.album .delete,.song .delete,.album .edit,.song .edit {
	color: #ccc;
	display: none;
	background: url(../i/delete_split.jpg) no-repeat center right;
	color: #eee;
	font: 11px/22px "lucida grande",verdana,sans-serif;
	height: 22px;
	width:  50px;
	padding: 0 5px;
	position: absolute;
	text-decoration: none;
	}

.placeholder .delete {
	display: block !important;
	}

.song .delete,.song .edit {
	font-size: 10px;
	color: #ccc;
	}

.song .delete:hover,.song .edit:hover {
	color: #fff;
	}

.show .delete,.album .delete,.song .delete {
	left: -52px;
	}

.song .delete {
	left: -62px;
	}

.show .edit,.album .edit,.song .edit { /* Defunct */ /* Back from the dead!! */
	background: url(../i/pencil_split.jpg) no-repeat center left;
	width: 40px;
	right: -43px;
	right: -53px;
	right: -68px;
	text-align: left;
	width: 50px;
	padding-left: 20px !important;
	}

.song .edit {
	right: -64px;
	right: -79px;
	}

.show .delete:hover,.song .delete:hover,.album .delete:hover {
	color: #fff;
	background-image: url(../i/delete_split_hover.jpg);
	}

.show .edit:hover {
	color: #fff;
	background-image: url(../i/pencil_split_hover.jpg);
	}

.show.editing .edit, .song.editing .edit, .album.albumediting .albumedit {
	background-image: url(../i/accept_icon_split_r.jpg);
	}

.show.editing .edit:hover,.song.editing .edit:hover,.albumediting .albumedit:hover {
	background-image: url(../i/accept_icon_split_r_hover.jpg);
	}

.placeholder .edit {
	background-image: url(../i/add_icon_split_r.jpg);
	}

.placeholder .edit:hover {
	background-image: url(../i/add_icon_split_r_hover.jpg);
	}

#shows .placeholder span {
	/*
	background: #ccc;
	*/
	}

.placeholder .edit {
	display: block !Important;
	}

#shows span,#songs span,#albums span {
	display: block;
	font: 11px/18px "lucida grande",verdana,sans-serif;
	float: left;
	letter-spacing: 0.02em;
	}
	
#songs .album.placeholder span.label {
    padding-left: 8px;
}

#songs .song.placeholder span.label {
	padding-left: 15px;
}
	
#shows .expand,album .expand {
	width:  25px;
	}

#shows .expand a,.album .expand a {
	background: transparent url(../i/rarr.gif) no-repeat bottom right;
	display: block;
	text-decoration: none;
	height: 18px;
	width:  20px;
	}

#shows .expanded .expand a,#songs .expanded .expand a,#albums .expanded .expand a {
	background-image: url(../i/darr.gif);
	}

#shows .expand a span,#albums .expand a span {
	display: none;
	}

#shows .date {
	width: 100px;
	padding-right: 20px;
	}

#shows .time {
	float: right;
	width: 90px;
	overflow: hidden; /* bugfix: when adding a new show we get weird overflow from the time */
	}

#shows .venue {
	margin-left: 3px;
	width: 165px;
	}

#shows .location {
	width: auto;
	}

#shows .remind {
	float: right;
	width: 100px;
	}

.show .info {
	background: #09f url(../i/bands_info_bg.jpg) no-repeat top left;
	border-bottom: 1px solid #f9f9f9;
	clear: both;
	color: #eee;
	display: none;
	margin: 0 0 5px 0;
	padding: 8px 35px 8px 25px;
	position: relative;
	left: -2px;
	top: 5px;
	width: 648px;
	}

.show .info span {
	float: none !important;
	}

.show .info span em {
	font-style: normal;
	}

.show.placeholder {
	display: none;
	background-image: url(../i/bands_info_bg_grey.jpg);
	color: #fff;
	padding-right: 2px;
	padding-left: 5px;
	position: relative;
	left: -2px;
	xdisplay: block !important;
	}

.placeholder .edit {
	right: -55px;
	right: -65px;
	}

.placeholder .date {
	padding-left: 21px;
	}

.placeholder .pencil {
	background: url(../i/grey_pencil_icon.gif) no-repeat top right;
	background: none;
	display: block;
	width: 16px;
	padding: 0 0 0 5px;
	margin: 0 10px 0 0;
	margin: 0;
	height: 16px;
	}

.show.placeholder em {
	display: inline;
	background: #333;
	padding: 2px 6px 2px 3px;
	margin: 0 1px 0 0;
	}

.show .info span {
	margin: 1px 0;
	padding: 0 5px;
	clear: both;
	}

	/*
.modifying .editing.show .info span {
	background: #003e7e;
	}
	*/

.show .info span strong {
	color: #fff;
	font-weight: 700;
	}

.show .info a {
	color: #fff;
	}		

.show.expanded .info,.album.expanded .songs {
	display: block;
	}

#shows .show .remind a {
	display: block !important;
	color: #555;
	padding: 0 0 0 23px;
	height: 25px;
	width: 130px;
	}

#shows .show .remind a:hover {
	color: #222;
	}

.show .remind span {
	display:inline;
	float: none;
	}

.remind a {
	background: url(../i/grey_bell.gif) no-repeat top left;
	text-decoration: underline;
	}

.remind a:hover {
	background-image: url(../i/grey_bell_hover.gif);
	text-decoration: none;
	}

.remind a .deactivate,.show.reminding .remind .activate {
	display: none !important;
	}

#shows .show.reminding .remind .deactivate {
	display: block !important;
	}

.show.reminding .remind a {
	background-image: url(../i/grey_cancel.gif);
	}

.show.reminding .remind a:hover {
	background-image: url(../i/grey_cancel_hover.gif);
	}

/* Songs*/

.album {
	margin: 0;
	padding: 3px 0 3px 0;
	}

#songs .album .art {
	display: none;
	}

#songs .album .name {
	font: 13px/22px verdana,sans-serif;
	}

#songs .album .name {
	padding: 0 0 0 15px;
	}

#songs .album .genre {
	color: #555;
	font-size: 11px;
	float: left;
	width: auto;
	display: block;
	clear: left;
	padding: 0 0 0 35px;
	padding-top:0px;
	}
	
#songs .album .emotags {
	padding: 0 0 0 5px;
	color: #777;
}

#songs .album .expand {
	padding: 2px 0 0 ;
	}

#songs .album .songs {
	clear: both;
	color: #fff;
	background: #09f url(../i/bands_songs_bg.jpg) no-repeat top left;
	border-bottom: 1px solid #f9f9f9;
	display: none;
	margin: 10px 0 5px 0;
	padding: 10px 35px 10px 25px;
	position: relative;
	top: 6px;
	left: -2px;
	width: 648px;
	}

#songs .album.expanded .songs {
	display: block;
	}	

#songs .album .songs .song {
	clear: both;
	}

#songs .rating {
	width: 75px;
	padding: 0 10px 0 0;
	} 

#songs .titles .name {
	width: 150px;
	/*
	color: #04c;
	*/
	}

#songs .song .name {
	line-height: 13px !important;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 15px 0 0;
	width: 375px;
	}

#songs .song.placeholder .name {
	width: 135px;
	padding-left: 90px;
	}

#songs .album .songs .song {
	padding: 4px 0 3px 0;
	}

#songs .album .song.placeholder {
	display: none;
	background: #73818c url(../i/bands_info_bg_grey.jpg) 0 -1px;
	border: 1px solid #54c0fd;
	border-width: 1px 0 1px 0;
	padding: 6px 8px 6px 0;
	margin: 0 0 0 -25px;
	}

#songs .genre {
	display: none;
	width: 80px;
	padding: 0 10px 0 0;
	}

#songs .downloads {
	display: none;
	width: 85px;
	padding: 0 10px 0 0;
	}

#songs .listen {
	width: 65px;
	padding: 0 10px 0 0;
	}

#songs .download {
	width: 85px;
	padding: 0 10px 0 0;
	}

#songs .placeholder .download {
	width: 150px;
	}

#songs .suggestions {
	display: none;
	padding: 0 0 0 0;
	width: 110px;
	}
	
#songs .titles .suggestions {
	width: 90px;
	}

#songs .listen a {
	background: url(../i/blue_listen_icon.png) no-repeat center left;
	color: #fff;
	display: block;
	padding: 0 0 0 22px;
	}

.placeholder input {
	background: #b9c1c6;
	border: 0 none;
	color: #555;
	font: 11px/18px "lucida grande",verdana,sans-serif;
	float: left;
	display: block;
	margin: 0 20px 0 0;
	padding: 4px 7px;
	width: 135px;
	}

#songs .download a {
	background: url(../i/blue_down_icon.gif) no-repeat center left;
	color: #fff;
	display: block;
	padding: 0 0 0 22px;
	}

#songs .placeholder .download a {
	background-image: url(../i/grey_up_icon.gif);
	}

#songs .suggestions a {
	color: #fff;
	}

#songs .album a:hover {
	text-decoration: none;
	}

#songs .rating span {
	font: 12px "lucida grande",verdana,sans-serif;
	float: left;
	margin: 2px 0 0 0;
	}

#songs .rating .boost{
	background: url(../i/blue_heart_boost.png) no-repeat top left;
	float: left;
	margin: 1px 7px 0 0;
	height: 16px;
	width: 16px;
	display: block;
	}

#songs .rating .boost:hover {
	background-image: url(../i/blue_heart_boost_hover.png);
	}

#songs .rating .boost span {
	display: none;
	}

#songs .placeholder.album {
	display: none;
	background-image: url(../i/bands_info_bg_grey.jpg);
	color: #fff;
	position: relative;
	margin-bottom: 4px;
	left: -2px;
	padding-right: 2px;
	padding-left: 7px;
	}

#songs .placeholder.album .edit {
	right: -53px;
	right: -83px;
	}

/* Flip the stuff! */

.placeholder .edit {
	background-image: url(../i/add_icon_split.jpg);
	background-position: center right;
	padding: 0 25px 0 0;
	left: -87px;
	width: 50px;
	width: 40px;
	text-align: right;
	}

.placeholder .edit:hover {
	background-image: url(../i/add_icon_split_hover.jpg);
	}

.placeholder {
	display: none;
}

.editing #content .edit, .editing .placeholder,
.editing .show .delete, .editing .show .edit, .editing .show.placeholder,
.editing .album .delete, .editing #songs .album.placeholder, .editing .album .edit,
.editing .song .delete, .editing .song .edit, .editing #songs .song.placeholder,
.editing #photos .delete, .editing #photos .placeholder { /* Took out .modifying .edit *//* It's back */
	display: block;
}

.editing #bioedit textarea{
	font-family: "lucida grande";
	font-size: 11px;
	line-height: 1.7em;
	letter-spacing: .04em;
}

.editing #shows input {
	border: none;
	border-bottom:1px dashed red;
	padding-left: 2px;
	font-family: "lucida grande";
	font-size: 11px;
}

.editing #shows .address input {
	padding-bottom: 4px;
}

.editing #shows textarea {
	padding 4px;
	border: 1px dashed #ccc;
	font-family: "lucida grande";
	font-size: 11px;
}

.editing #songs input {
	border: none;
	border-bottom:1px dashed red;
	padding-left: 2px;
	height: auto;
}

.editing #songs select {
	margin-top: 3px;
}

/* album name */
.editing #songs .name input {
	font-size: 13px;
	font-family: verdana;
}

/* song name */
.editing #songs .songs .name input {
	font-size: 11px;
	font-weight: bold;
	font-family: verdana;
}

#confirm_edit {
	background-color: pink;
	border: 1px solid red;
	
	font-family: verdana,sans-serif;
	color: black;
	z-index: 999;
	display: none;
	
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 150px;
	height: 80px;
}

#confirm_edit .save {
	padding: 5px;
	color: white;
	background-color: darkgreen;
	display: inline;
	font-weight: bold;
	font-family: verdana, sans-serif;
	cursor: pointer;
}

#confirm_edit .cancel {
	padding: 5px;
	color: white;
	background-color: red;
	display: inline;
	font-weight: bold;
	font-family: verdana, sans-serif;
	cursor: pointer;
}

#confirm_edit .instructions {
    margin-top: 5px;
    margin-bottom: 15px;
    font-style:bold;
}

#attatch_to_member_view {
    
	background-color: #EEE;
	border: 1px solid lightblue;
	
	font-family: verdana,sans-serif;
	color: black;

	width: 500px;
	height: 120px;
	padding: 10px;
	
	text-align:center;
	
	display: none;
}

#attatch_to_member_view .username {
    width: 200px;
}

#attatch_to_member_view .instructions {
    font-size: 12px;
    margin: 10px 0;
}

#attatch_to_member_view .save {
	padding: 5px;
	color: white;
	background-color: darkgreen;
	display: inline;
	font-weight: bold;
	font-family: verdana, sans-serif;
	cursor: pointer;
}

#attatch_to_member_view .cancel {
	padding: 5px;
	color: white;
	background-color: red;
	display: inline;
	font-weight: bold;
	font-family: verdana, sans-serif;
	cursor: pointer;
}

/* LN 1960 */