/** for the background ****/
#mymusictop
{
	width:750px;
	min-height:12px;	
	background-image:url(../images/backgroundbars/content_off_top.gif);
	float:left;
}

#mymusicmid
{
	width:750px;
	min-height:120px;
	background:url(../images/backgroundbars/content_off_middle.gif) repeat;
	color:#999999;
	float:left;
}

#mymusicmid:hover
{
	background:url(../images/backgroundbars/content_on_middle.gif) repeat;
	color:#CCCCCC;
}

#mymusicbot
{
	width:750px;
	height:12px;
	background:url(../images/backgroundbars/content_off_bottom.gif);
	float:left;
	clear:left;
}
/************ for the sub menu on the left ****************/
#submenu
{
	float:left;
	width:120px;
	
	padding-left:10px;
}
		/*style submenu buttons*/
		#submenu button
		{
			width:100px;
			height:20px;
			border:none;
			
		}
		
		#submenu #addSong {background:url(../images/members/buttons/add_song.png) no-repeat;}
		#submenu #myspace {background:url(../images/members/buttons/myspace.png) no-repeat;}
		#submenu #newGig {background:url(../images/members/buttons/add_gig.png) no-repeat;}
		#submenu #cancel {background:url(../images/members/buttons/cancel.png) no-repeat;}
		#submenu #button1 {background:url(../images/members/buttons/view_msgs.png) no-repeat;}
		#submenu #button2 {background:url(../images/members/buttons/compose.png) no-repeat;}
		#submenu #button3 {background:url(../images/members/buttons/contacts.png) no-repeat;}
		#submenu #pluginsongs {background:url(../images/members/buttons/plugin_songs.png) no-repeat;}
		#submenu #buildplugin {background:url(../images/members/buttons/build_plugin.png) no-repeat;}
		#submenu #facebook {background:url(../images/members/buttons/facebook.png) no-repeat;}
		#submenu #install {background:url(../images/members/buttons/install.png) no-repeat;}
		
		 
		#submenu #addSong:hover {background:url(../images/members/buttons/add_song_on.png) no-repeat;}
		#submenu #myspace:hover {background:url(../images/members/buttons/myspace_on.png) no-repeat;}
		#submenu #newGig:hover {background:url(../images/members/buttons/add_gig_on.png) no-repeat;}
		#submenu #cancel:hover {background:url(../images/members/buttons/cancel_on.png) no-repeat;}
		#submenu #button1:hover {background:url(../images/members/buttons/view_msgs_on.png) no-repeat;}
		#submenu #button2:hover {background:url(../images/members/buttons/compose_on.png) no-repeat;}
		#submenu #button3:hover {background:url(../images/members/buttons/contacts_on.png) no-repeat;}
		#submenu #pluginsongs:hover {background:url(../images/members/buttons/plugin_songs_on.png) no-repeat;}
		#submenu #buildplugin:hover {background:url(../images/members/buttons/build_plugin_on.png) no-repeat;}
		#submenu #facebook:hover {background:url(../images/members/buttons/facebook_on.png) no-repeat;}
		#submenu #install:hover {background:url(../images/members/buttons/install_on.png) no-repeat;}
		
/** TABLES **/

#songtable th.title{width:140px;}
#songtable th.des{width:150px;}
#songtable th.genre{width:100px;}
#songtable th.size{width:60px;}
#songtable th.rating{width:40px;}
#songtable th.dloads{width:40px;}
#songtable th.plays{width:50px;}
#songtable th.action{width:30px;}


#barfiller {float:left;margin:0px;clear:left;width:610px;height:10px;background:#696969;}
#deletebox{
float:left; 
background:url(../images/messagebox_bg.png) repeat;
margin:0px; 
width:608px;
border-left:1px solid #696969;border-right:1px solid #696969;border-bottom:1px solid #696969;
padding-top:5px;
padding-bottom:7px;
}
#warningpic, #deleteinfo{float:left;}
#deleteinfo{float:left;margin-left:17px;padding-top:5px;}
.deletewarning {color:#FF0000;font-weight:normal;font-size:11px;margin-top:7px;}

#loadeddetails img {border:none;}
#editSongDetails, #editGigDetails, #memberProfile, #gigform, #composeForm, #updateContactForm, #editProfileDetails  {margin:0px;padding:0px; background:none;}
#loadeddetails {
	float:left;
	padding:0px;
	}
#deleteSongForm {margin:0px;padding:0px;}
#songtable, #gigTable, #profileTable, #addSongForm, #addGigForm	{width:610px; border-collapse:collapse; background:none;}

#loadeddetails table td.title, #messageboxtitle
	{
		background:	#515962;
		font-weight:bolder;
		font-size:12px;
		padding-bottom:4px;
	}
	#loadeddetails table th {background:#696969;}
	#loadeddetails table td {border-bottom: 1px solid #696969; vertical-align:top; background:none;}
	
	#loadeddetails th.title{width:80px;}
	#loadeddetails th.des{width:200px;}
	#loadeddetails th.genre{width:100px;}
	#loadeddetails th.size{width:50px;}
	#loadeddetails th.action{width:40px;}
	#loadeddetails td.action_col img {margin-right:2px;}
/* for the edit song details */
#loadeddetails table input,#loadeddetails table textarea,#loadeddetails table select  {background:none;color:#f9e396;font-size:10px; border:none;}

#cancelDetails, #saveDetails {
width:10px;
border:none;
background:none;
}

/** mail song **/
#mailsongform {margin:0px; padding:0px; background:none;}
#deleteinfo #messageTable td {border:none;}
#deleteinfo #messageTable td.textCol {width:50px;}
#deleteinfo #messageTable {border-collapse:collapse; background:none;}
#deleteinfo #messageTable input, #deleteinfo #messageTable textarea  {
border: 1px solid #CCCCCC;
background:#afafaf;
color:#000000;
width:520px;
}
#deleteinfo #messageTable input.mailoptions {
width:11px;
height:11px;
background:none;
}
#deleteinfo #messageTable .mailsong {font-weight:normal; font-size:11px; color:#89c9ea;}
#deleteinfo #messageTable .highlight {background:#e77878;}
/*-------- MYSPACES------------*/
#loadeddetails #songtable tr td input.myspacechkbox {
	width:13px;
	height:13px;
	border:1px solid #999999;
	}
#loadeddetails #songtable tr.autostart {
	border-top:5px solid #696969;
	border-bottom:5px solid #696969;
	} 
#loadeddetails #songtable tr td p {
	width:250px;
	font-size:11px;
	}
#loadeddetails #songtable tr td ul {
	width:220px;
	font-size:11px;
	}
#loadeddetails #songtable tr td textarea.copycode {
	width:255px;
	font-size:11px;
	height:180px;
	border:1px dotted #696969;
	}
.center {text-align:center;}
.larger {font-size:115%;font-weight:bold;}
/*--------- GIG PAGES -------*/
#loadeddetails .highlight {background:#e77878;}
#loadeddetails #gigTable #description {width:150px;}
#loadeddetails #gigTable #gig {width:50px;}
#loadeddetails #gigTable input {color:#f9e396;background:transparent; border:none;width:100px; }
#loadeddetails #gigTable select {color:#f9e396; background:none; border:none; width:100px; }
#gigTable textarea {width:195px;height:150px;}
#loadeddetails #gigTable #editDetailsTable #years {width:60px;}
#loadeddetails #gigTable #editDetailsTable #days {width:40px;}
#loadeddetails #gigTable #editDetailsTable #months {width:40px;}
#loadeddetails #gigTable #editDetailsTable #hours {width:50px;}
#loadeddetails #gigTable #editDetailsTable #mins {width:50px;}
/************ song form and add gig form****************/
#loadeddetails #addGigForm {
border-collapse:collapse;
border-left: 1px solid #515962;
border-right: 1px solid #515962;
border-bottom: 1px solid #515962;

}
#loadeddetails #addGigForm td {border-bottom:none;}
#loadeddetails #addGigForm td.label {padding-left:10px;border-bottom:1px dotted #696969;}
#loadeddetails #addGigForm input {width:250px; border:1px solid #CCCCCC;}
#loadeddetails #addGigForm textarea {width:250px; height:90px; border:1px solid #CCCCCC;}
#loadeddetails #addGigForm select {width:252px; border:1px solid #CCCCCC;}
#loadeddetails #addGigForm #hour {width:65px;}
#loadeddetails #addGigForm #mins {width:65px;}
#loadeddetails #addGigForm #ampm {width:80px;}
#loadeddetails #addGigForm #day {width:65px;}
#loadeddetails #addGigForm #month {width:65px;}
#loadeddetails #addGigForm #year {width:80px;}
#loadeddetails #addGigForm #uploadgigbtn {width:250px;}
/**************** messages - inbox ********************/
	#headerholder {	width:610px; }
	#msgListHeaders	{width:610px;background:#696969; border-collapse:collapse;}
	
		#inboxList {width:590px; border-collapse:collapse;}
		#headerHolder #msgListHeaders th.datcol{width:60px;}
		#headerHolder #msgListHeaders th.subcol{width:230px;}
		#headerHolder #msgListHeaders th.fromcol{}
		#messagelist /*scrollable div to hold list of messages - inbox list table*/
		{
			width:610px;
			background:url(../images/backgroundbars/message_bg.png);
			height:75px;
			padding-bottom:5px;
			border-bottom:1px solid #515962;
			border-left:1px solid #515962;
			overflow:auto;
		}
		#barfiller {width:610px;height:14px;background:#696969;}
		#barfiller2 {width:612px;height:14px;background:#696969;}
		#viewMessageBox{width:608px;} /*styled in js, 2px less width  -space for border
	/*the displayed message*/
	#messageTable{width:610px;margin-top:10px;}
	#messageTable td {border:none;}
	#messageTable tbody tr td input, #messageTable tbody tr td textarea {width:465px;border:1px solid #CCCCCC;}
	#messageTable textarea {height:100px; }
	#messageTable td.infocol, td.infocol, #infocol {width:70px; vertical-align:top;}
	/*buttons*/
	#viewMessageBox button {}
	.notRead {color:#f9e396; font-weight:bolder;}
	#messageTable tbody tr.Read {font-weight:normal; color:#FFFFFF;}
	#viewMessageBox #currentMessage #messageTable td {border-bottom:none;}
	#viewMessageBox #currentMessage #messageTable input {background:#afafaf; color:#000000;width:530px;}
	#viewMessageBox #currentMessage #messageTable textarea {background:#afafaf; color:#000000;width:530px;}
	/********** compose ****************/
	#composeBox
	{
		background:url(../images/backgroundbars/messagebox_bg.png);
		border:1px solid #515962;
		float:left;
	}
	#composeBox #messageTable td {border-bottom:none;}
	#composeBox #messageTable input {background:#afafaf; color:#000000; width:550px;}
	#composeBox #messageTable textarea {background:#afafaf; color:#000000;width:550px;}
	/*name suggestion*/
	#namelist {position:absolute; top:100px; }
	#hintTable
	{
		background:#CCCCCC;
		color:#000000;
		width:552px;
		border-collapse:collapse;
	}
	#hintTable tr {	padding-left:2px;}
	.highlightContact {	background-color:#999999;}
	/********** contact list ****************/
	#contactHeader {width:550px; border-collapse:collapse;}
	#contactHeader .ncol,  {width:200px;}
	#contactHeader .ecol {width:250px;}
	#contactHeader .mcol {width:52px; text-align:center;}
	#contactHeader .acol {width:48px;min-width:40px;text-align:center;}
	#contactHeader .acol img {margin-left:3px;}
	/*for edit inputs */
	#contactHeader tr td.ncol input {width:170px; margin:0px; background:#afafaf;color:#000000;}
	#contactHeader tr td.ecol input {width:240px;margin:0px;background:#afafaf;color:#000000;}
	#contactHeader tr td.mcol input {width:30px;margin:0px;}
	/*for add new contact inputs - target each by id*/
	
	#saveDetails, #cancelDetails {width:10px;background:none; border:none;}
	#saveDetails img, #cancelDetails img {margin-left:0px;}
	#updateContactForm {float:left;}
	#contactlist form {float:left;}
	#addcontactButton {
		width:48px; 
		font-size:10px; 
		font-family:Arial, Helvetica, sans-serif;
		border:1px solid #999999;
		background:#cccccc;
	}
	#addcontactButton:hover{background:#51C660;}

/*********** edit profiles ************/
	#editProfileDetails button {height:16px; width:12px; background:transparent; border:none;}
	#editProfileDetails input, #editProfileDetails select, #editProfileDetails textarea {background:none; color:#FFCC33; border:none;}
	#editProfileDetails input, #editProfileDetails textarea {width:520px;}
	#profileTable th.labelcol {width:85px; vertical-align:text-top;}
/*profile link*/
#profilelink {
	width:608px;
	margin:20px 0px 12px 0px;
	padding:3px 0px 3px 0px;
	font-size:10px;
	border:dotted 1px #e77878;
	text-align:center;
	font-weight:bolder;
}
#viewProfLink {color:#ffffff;}

/************ general styling **********/
.successmsg {font-size:12px; color:#51C660;}

/** registration pages ******************/
#mymusicmid #loginTable, #mymusicmid h3 {
	background:none;
	margin-left:10px;
}
#mymusicmid #memberRegistration {background:none;}

/************ song form and add gig form****************
	#uploadSongForm td.label, #addGigForm td.label {width:80px; vertical-align:top;};
	#addSongForm td.title, #addGigForm td.title {border-collapse:collapse; margin:none; background:#696969;}
	#addSongForm td, #addGigForm td {border-bottom:none;}
	#addSongForm textarea 	{width:250px;height:75px;}
	#addSongForm input, #addSongForm select {width:190px; border:1px solid #cccccc;}
	#addSongForm input.checkbox {width:20px; background:none; border:none;}
	#uploadSongButton{width:250px;}
	#addSongForm, #addGigForm {border:1px solid #515962; background:url(../images/backgroundbars/messagebox_bg.png) repeat;}
	#deletebox {background:url(../images/backgroundbars/messagebox_bg.png) repeat;}
	/*edit songs
	#songtable #title, #songtable #description  {background:transparent; color:#f9e396; border:none;}
	#songtable select {background:#999999; color:#f9e396;}
/************* add gig form **********
#addGigForm input {width:250px;}
	#addGigForm textarea {width:250px; height:50px;}
	#addGigForm #hour,#addGigForm #mins,#addGigForm #ampm,#addGigForm #year,#addGigForm #month,#addGigForm #day  {width:70px;}
	#addGigForm #region, #addGigForm #country, #addGigForm button {width:250px;}*/