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


/*UNIVERSAL*/
element#tracingthatandthis{width: 109px;}

select{border: 0px solid #c9c9c9; background-color: #ffffff; height: 25px; width: 256px;}

td.changeProfilePicture div{text-align: left;}

.cppb{background: transparent;
	  border: 1px solid #999;
	  cursor: pointer;
	  font-size: 14px;}

p{text-align: left;}

.hr{width: 75%; margin: 5px 0px 5px 0px}

.msinput{margin: 0px;}

.commentimages{width: 28px; height: 28px; padding-right: 0px;}

.aftercommentimages{width: 40px; height: 40px; padding-right: 2px;}

.popup{background-color: #fff;  z-index:6; display: none; padding: 5px;}

.popupForgot{background-color: #fff;  z-index:6; display: none; padding: 5px;}

.popupTerms{background-color: #fff;  z-index:6; display: none; padding: 5px;}

.popupEmber{background-color: #fff; z-index:6; position: fixed;}

.musicPlayButton{position: absolute; width: 30px; padding: 7px 0px 0px 8px;}

.table{margin: 0px 0px 0px 0px;}

#uploadsongwrapper{height: 360px;}

#uploadsongbottom{background-color: #fff; text-align: right; border-top: 1px solid #c9c9c9; padding: 5px;}

.unorderedLists{padding: 0px; margin: 0px;}

.tdcenter{border-right: 1px solid #c9c9c9; text-align: center; font-size: 10px; background-color: #c9c9c9; padding: 10px 0px; border-bottom: 0px solid #c9c9c9;}

.tduploadcenter{border-right: 1px solid #c9c9c9; text-align: center; font-size: 10px; border-bottom: 1px solid #c9c9c9;}

.nobottomborder{border-bottom: 0px solid #000000;}

.tdcenter button{font-size: 11px;}

.collabButtonDiv{width: 17px;
				   height: 17px;
				   background-color: #ffffff;
				   border: 2px solid #1219FD;
				   margin: 0px 20px 0px 0px;
				   }
				   
.needsCollabButtonDiv{width: 17px;
						   height: 17px;
						   background-color: #ffffff;
						   border: 2px solid #00cc00;
						   }				   
			
.collabButtonDiv:hover{ box-shadow: 0px 0px 10px #4D5785; }	
				   
.collabButton{color: #1219FD;
			   text-decoration: none;
			   font-size: 12px;
			   font-family: arial;
			   font-weight: bold;
			   cursor: pointer;
			   }
			   
			   
			   
.deleteButton{color: #dd0000;
			   text-decoration: none;
			   font-size: 12px;
			   font-family: arial;
			   font-weight: bold;
			   cursor: pointer;
			   }


.deleteButtonDiv{width: 17px;
				   height: 17px;
				   background-color: #ffffff;
				   border: 2px solid #dd0000;
				   margin:5px 0px 0px 0px;
				   }
				   
				
.deleteButton:hover{text-decoration: none;
						}						   
.deleteButtonDiv:hover{ box-shadow: 0px 0px 10px #A60000; }				   
			   			   
			   
.needsCollabButton{color: #00cc00;
					   text-decoration: none;
					   font-size: 12px;
					   font-family: arial;
					   font-weight: bold;
					   cursor: pointer;
					   }			   
				
.collabButton:hover{text-decoration: none;
						}					

.number{color: #dd0000; font-size: 14pxx; margin: 0px; padding: 0px;}

.mslogo{width: 240px; }

.barTitle{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		  color: #ffffff;
		  margin: 0px;
		  padding: 0px;
		  font-size: 25px;}

h1{margin-bottom: 0px;}

#backgroundDiv{position: fixed;
				   width: 100%;
				   height: 100%;
				   background-color: #000000;
				   opacity: 0.6;
				   z-index: 4;}
				   
#backgroundDivEmber{position: fixed;
						   width: 100%;
						   height: 100%;
						   background-color: #000000;
						   opacity: 0.6;
						   z-index: 4;
						   display: none;}				   

.optionSlashes{margin: 0px;
				width: 2px;
				color: #000000;
				padding: 0px;
				}

hr.universalhr{margin: 5px 0px 5px 0px;}

ul, ol{list-style: none;
	   list-style-type: none;
	   }

table, tbody, tr, td{border: 0px solid #999999;
					 padding: 0px;
					 margin: 0px;
					 }
					 
.msButton{background: transparent;
		    border: 0px solid #000000;
		    cursor: pointer;
		    font-size: 14px;
		    }
			
.verifycodebuttons{color: #fff; border: 1px solid #fff; cursor: pointer; background: transparent; } 			
			
.msButtonWithBorder{background: transparent;
						 border: 1px solid #999999;
						 cursor: pointer;
						 font-size: 12px;
						 color: #5D6CF4;
						 }			
		  
.thedates{font-family: trebuchet ms;
		   color: #999;
		   font-size: 12px;}		  
		  
.msButton:hover{text-decoration: underline;
				}		  

input#forgetInputText{padding: 0px 5px;
						 width: 400px;
						 height: 20px;
						 cur<img src=​"images/​defaultHeadshot.png" name=​"profileimage" id=​"scoreprofileimage">​sor: text;}

.msInputText{padding: 0px 2px;
			 width: 250px;
			 height: 25px;
			 cursor: text;
			 }

body{margin: 0px;
	 height: 100%;
	 font-size:14px;
	 color:#000000;
	 background:#fff;
	 font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	 }

.soundIDText{font-family: trebuchet ms;
			 font-size: 13px;
			 color: #999999;
			 text-align: left;
			 }				 

span.soundIDName{font-size: 15px;
				 color: #000000;
				 }

ul.soundCardList{border:0px solid #c9c9c9;
				 padding: 0px 0px 0px 0px;
				 margin: 0px 0px 0px 0px;
				 list-style: none;
				 list-style-type: none;
				 }

img.soundIDCardImage{width: 50px;
				 	 height: 50px;
				 	 } 			
					 
div.soundCardDiv{padding: 5px 0px 0px 5px;
				 }				
				 
.description{font-size: 50px;
			 color: #000000;
			 text-align: left;
			 } 				
			 
.msCheckbox{width: 40px;margin: 0px 5px 0px 25px;}			 
			 
/*UNIVERSAL*/


























/*MUSIC PLAYER ICONS*/
div#musicPlayButtons{margin: -15px 0px 0px 15px;}

img.musicPlayerIcons{width: 35px;
						 height: 35px;
						 z-index: 4;
						 postion: absolute;
						 margin: 0px 0px 0px 0px;
						 padding: 0px 0px 0px 0px;
						 }
	
img#songsAlbum{width: 180px;
	   			    height: 180px;}						 
					
img#currentSongAlbumCover{width: 180px;
	   			    			  height: 180px;}					 
/* MUSIC PLAYER ICONS */





/*FRIENDS*/
span#collabCountNumber{font-size: 14px;	
							   color: #384af2;	
							   margin-right: 5px;
							   }

span#collabCount{font-size: 14px;	
					 color: #000000;	
					 margin-right: 5px;
					 }

li#friendCountListItem{border-bottom: 1px solid #999999;
						   padding: 2px 0px 2px 0px;
						   }

span#buttonCollab:hover{color:#000000;
						font-size: 15px;
				  }

td.collabButton{vertical-align: middle;
				text-align: right;
				font-size: 14px;
				color: #999999;
				margin-right: 0px;
				cursor: pointer;
				}

div#friendListBorder{border: 2px solid #c9c9c9;
				  padding: 5px;
				  margin: 200px 0px 0px 400px;
				  padding: 0px;
				  height: 300px;
				  overflow-y: scroll;
				  }

img#frirendsImage{width: 50px;
				 height: 50px;
				 } 

div#friendsBorder{border: 2px solid #c9c9c9;
				  padding: 5px;
				  margin: 0px 0px 0px 0px;
				  padding: 0px;
				  height: 300px;
				  overflow-y: scroll;
				  }
				  
ul#friendsList{border:0px solid #c9c9c9;
			   padding: 0px 0px 0px 0px;
			   margin: 0px 0px 0px 0px;
			   list-style: none;
			   list-style-type: none;
			   }					  
				  
				  
/*FRIENDS*/

/*FORGOT*/
span#forgotEmailSent{color: #dd0000;
					 font-size: 26px;
					 display: none;
					 }

input#forgotMyPassword{width: 300px;
					   height: 25px;
					   padding: 0px 0px 0px 5px;
					   }

div#forgotBox{border: 1px solid #999999;
			  background-color: #ffffff;
			  width: 650px;
			  height:350px;
			  margin:200px 0px 0px 350px;
			  }
			  
div#cancelforgot{text-align: right;
				 }			  
			  
button#cancelForgotButton{border: 0px solid #ffffff;
						  background: none; 
						  color: #999999;
						  }			  
/*FORGOT*/


/*MESSAGES*/
span#cancelmessage{margin: 0px 10px 0px 0px; font-size: 15px; cursor: pointer; font-family: century gothic; font-weight: bold; color: #999;}

textarea#messagetextarea{width: 360px; height: 130px; resize: none; border: 0px solid #000; margin: 0px; padding: 0px 10px 0px 10px;}

div#sendthemessagediv{position: fixed; z-index: 5; background-color: #fff; border: 1px solid #999; height: 180px; padding: 0px 0px 0px 0px;}

input#sendMessageTo{width: 95%; 
						margin: -5px 0px 5px 0px; 
						cursor: text;}

button#sendMessage{border: 0px solid #c9c9c9;
				   background: transparent;
				   cursor: pointer;
				   color: #000000;
				   font-size: 14px;
				   }			   

button#sendMessage:hover{font-size: 14.5px;
						 text-decoration: underline;
						 text-emphasis:!important;
						 }

div#theConversations{padding: 0px 10px 0px 10px;
					 }

textarea#sendMessage{font-size: 14px;
						   color: #000;
						   cursor: text;
						   text-align: left;
						   padding: 5px;
						   margin: 0px;
						   resize: none;
						   width: 505px;
						   border-left: 0px solid #c9c9c9;
						   border-right: 0px solid #c9c9c9;
						   height: 100px;
						   }

table#conversationMessageTable{border-bottom: 1px solid #c9c9c9;
							   margin-bottom: 10px;
							   }

p#conversationText{padding-left: 10px;
				   font-size: 13px;
				   padding-bottom: 10px;
				   }

td#conversationImage{vertical-align: top;
					 width: 50px;
					 }

ul#listOfConversations{list-style: none;
					   list-style-type: none;
					   padding: 0px;
					   margin: 0px;
					   }

td#conversationTableData{vertical-align: top;
						 padding: 10px 0px 10px 0px;
						 }

span#messageDate{font-size: 12px;
				 color: #c9c9c9;
				 margin-left: 5px;
				 }

td.messageHeaderOptionsTableData{border-right: 1px solid #c9c9c9; 
							     text-align: center;
							     vertical-align: middle;
							     }

button.messageHeaderButtons{background: transparent;
						   border: 0px solid #c9c9c9;
						   font-size: 14px;
						   }

div#messageHeaderOptions{margin: 0px 0px 0px 0px;
					  	 border-bottom: 1px solid #c9c9c9;
					     }

span#seeMoreMessages{font-size: 12px;
					 cursor: pointer;
					 color: #c9c9c9;
					 }
					 
span#seeMoreMessages:hover{text-decoration: underline;
						   font-size: 12.5px;
						   }					 

div#messageTextDiv{text-align: left;
				   }

td#messageContent{padding: 5px 0px 0px 0px;
				  vertical-align: top;
				  }

span#messageText{font-size: 12px;
				     color: #999999;
				     margin: 0px 0px 0px 5px;
				     }

td#listOfMessagesTableData{width: 300px;
						   border-right: 1px solid #c9c9c9;
						   height: 600px;
						   vertical-align: top;
						   border-bottom: 1px solid #c9c9c9;
						   }

span#theMessageName{font-size: 14px;
					color: #000000;
				    }

div#messageName{margin: 0px 0px 0px 5px;
				text-align: left;
				}

td.messageImage{vertical-align: top;
				padding: 5px 0px 0px 5px; 
				width: 50px;
				}
				
img#messageImage{width: 50px;
					  height: 50px;
					  padding: 2px 5px 0px 0px;
					  }				

ul#listOfMessages{list-style: none;
					list-style-type: none;
					padding: 0px;
					margin: 0px;
					width: inherit;
					height: 360px;
					overflow: scroll;
				  }

table#messageFooter{border: 1px solid #c9c9c9;
					text-align: center;
					}

button.messageButtons{font-size: 14px;
					border: 0px solid #000000;
					background: none;
					}

div#messageTypeBorder{border-top: 0px solid #c9c9c9; 
					  border-right: 1px solid #c9c9c9; 
					  border-bottom: 1px solid #c9c9c9; 
					  border-left: 1px solid #c9c9c9; 
					  padding: 5px;
					  }

textarea#typemessage{width: 100%;
					 height: 100px;
					 border: 0px solid #000000;
					 font-size: 14px;
					 margin: 0px;
					 padding: 0px;
					 }

hr.messageSplitter{margin: 5px 0px 5px 0px;
				   }

span#theMessenger{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				  font-size: 14px;
				  color: #000000;
				  }
				  
span#messageTime{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				 font-size: 13px;
				 color: #999999;
				 }

img#conversationImage{width: 30px;
					  height: 30px;
					  padding: 0px;
					  }

ul#conversationAndReply{list-style:none;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						}

table#messagesAndConversationsTable{width: inherit;
								     }

td#conversation{vertical-align: top;
			    }
				
div#message{margin-top: 0px;
			border-bottom: 1px solid #c9c9c9;
			cursor:pointer;
			}				
			
div#message:hover{background-color:#c9c9c9;
				  }

div#messages{border: 1px solid #c9c9c9;
			 background-color: #ffffff;
			 width: 400px;
			 padding: 5px;
			 height: 500px;
			 overflow-y: scroll;
			 }

td.messageTableData{padding: 0px 0px 0px 0px;
					vertical-align: top;
					text-align:left;
					width: 55px;
				    }
				 
img.messagesImage{padding:0px 5px 0px 5px;
				  }				 			 

div#messageBorder{border-right: 1px solid #c9c9c9;
					  margin: 0px 0px 0px 0px;
					  padding: 0px;
					  height: 419px;
					  overflow-y: hidden;
					  border-bottom: 1px solid #c9c9c9;
					  }
				  
table#messageTable{width: 300px;
				   margin: 0px 0px 0px 0px;
				   padding: 0px 0px 0px 0px;
				   }			
				   
div#messageNames{text-align:left;
				 padding: 0px 0px 0px 0px;
				 font-size: 13px;
				 }				   	  
				 
table#messagedUser{margin:0px;}				 
/* MESSAGES */




/* HEADER */
div#searchcollaborations{background-color: #ffffff; border: 1px solid #c9c9c9; z-index: 5; position: absolute; width: 480px; margin: 40px 0px 0px 460px; display : none;}

input#searchBar{height: 23px; padding-left: 10px; width: 450px; margin-bottom: 0px; border: 0px; }

div#mainSearchButton{width: 50px; height: 50px; background-color: #fff;}

table#user_info{border: 1px solid #c9c9c9;
			      margin-bottom: 0px;
				  }

td.msTableData{vertical-align: bottom;
				 }

input#search_bar{width: 250px;
				 height: 20px;
				 }
				 
div#searchBarArea{text-align: right; margin: 10px 0px 0px 180px; width: 470px; }				 
				  
div#header_bar{background-image:url(../images/bluebar.jpg);}				  

.searchBar{width: 400px;
			height: 20px;
			padding: 0px 0px 0px 5px;
			margin: 20px 0px 0px 0px;}

/* HEADER */


button.soundsOption{cursor:pointer;
					font-size: 14px;
					font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					}

body{padding: 0px 0px 0px 0px;
	 border:0px solid #dd0000;
	 margin:0px 0px 0px 0px;	
	 font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:left;
	 }
		
.noborder{border-bottom: 0px solid #000000;}		
		
div#scoreheader{width: 400px;
				   height: 50px;
				   border-top: 0px solid #000000;
				   border-bottom: 0px solid #000000;
				   border-right: 0px solid #000000;
				   border-left: 0px solid #000000;}
		
div#siteLogoMaxwellsounds{width: 230px;
						  margin-right: 50px;
						  height: 53px;
						  }
						  
span#hostAfriend{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}
				
span#hostInformation{margin: 21px 0px 0px 10px;
					z-index: 2;
					position: absolute;
					color: black;
					font-weight: bold;
					display: none;
					}
					
div#closenotificationButton{text-align: right; padding: 5px;}					
	
p#songscommenttext{width: 345px; margin: 0px 0px 2px 60px; font-size: 11px;}	
					
div#theSidePanelSpace{border-right: 1px solid #c9c9c9;
						   margin-right: 0px;
						   }				
				   	   
div#createsongpopout{height: 400px; width: 350px; box-shadow: 0px 0px 10px #000000; padding: 0px;}					   
textarea#songwritersdescription{width: 245px; height: 130px; resize: none;}
					   
span#hostMessages{font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				  font-size: 14px;
				  color: #000000;
				  display: none;
				  
				  }				   	
				
span#hostAfriend{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}
				
span#hostNotes{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}
				
span#hostPhotos{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}
				
span#hostVideos{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}
				
span#hostMusic{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}							  		
		
img#defaultMessageIcon{padding:4px 0px 0px 0px;
					   width:15px;
					   height:15px;
					   }
					   
.side_options{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			  text-decoration:none;
			  font-size:19px; 
		      }  					   
				
a.side_options:hover{opacity: 0.5;
				     }	
					 
td#fourthRowOneTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					     }		
						 
img#sideEventIcon{z-index: 1;
				  }

img.sideIconTab{width: 43px;
				height: 43px;
				margin: 0px 0px 0px 0px;
				}

img#sideEventIcon:hover{opacity: 0.3;
						}

span#sideIconEventMarker:hover{opacity: 1.0;
						       }

span.sideIconMarker{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-weight: bold;
					opacity: 0.0;
					z-index: 2;
					position: absolute;
					font-size:16px;
					}

table#sidePanelTabs{margin: 7px 0px 0px 0px;   
					width: 100px;
					height: 50px;
					}
					 
tr.allSidePanelTabRows{border: 0px solid #999999;
					   }					 
					   
 /* SIDE PANEL NOTIFICATION AREA */		
 
 div#sidebarblackbackground{background-color: #000000; display: none; position: absolute; z-index: 9; width: 816px; height: 100%; margin-left: 134px;}
 
 .sidenotifications{font-size: 12px; color: #000000;}
 
 img.acceptordecline{width: 15px; height: 15px; cursor: pointer;}
 
 img.acceptordecline:hover{width: 16px; height: 16px;}
 
 div#contentbox{display: none;}
 
 button#closecollabbox{color: #fff;}
 
 div#sidepanelpopout{background-color: #fff;
						border-left: 1px solid #000;
						z-index: 10;
						position: absolute;
						margin-left: 133px;
						border-right: 1px solid #c9c9c9;
						border-bottom: 1px solid #c9c9c9;}
 					
        ul#notifcationListOptions{list-style: none;
                                  list-style-type: none;
                                  padding: 0px 0px 0px 0px;
                                  width: 133px;
                                  margin: 0px 0px 0px 0px;
								  border-right: 0px dashed #999999;
                                  }			
                                  
        span.theNotification{font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
                             font-size: 13px;
                             color: #121f9d;
                             padding: 2px 2px 2px 2px;
                             cursor: pointer;
                             }		
                             
        span.theNotification:hover{color: #384af2;
                                   }					 
                             
        span.notificationNumber{font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
                                font-size: 14px;
                                color: #6b6b6b;
                                margin: 0px 0px 0px 1px;
                                }						  					 
            
        li.notificationPanelOptionArea{border-left: 1px dashed #8E8E8E;
                                       border-bottom: 1px dashed #8E8E8E;
                                       padding: 5px 5px 5px 5px;
                                       }	
									   
				
		div#side_panel{border-right: 1px solid black;
					   height: 300px;
					   font-family: trebuchet, "MS Serif", "New York", serif;
					   width: 127px;
					   margin-left: 0px;
					   margin-right: 20px;
					   padding: 0px 5px 0px 0px;
					   z-index: 3;
					   }	
					   
		div#sidePanelStickOut{width: 127px;
				      height: 300px;
				      z-index: 3;
			              }		
							  
		table#sideTablePanel{z-index: 3;
							 border: 1px solid #dd0000;
							 }					   
					   
td.allSideTabs{border: 0px solid #dd0000;
			   padding: 2.5px 2.5px 2.5px 2.5px;
			   border-radius: 10px 10px 10px 10px;
			   }				
			   
td#topTwoTabOne:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					  }			   
					   
td#topTwoTabOne:focus{box-shadow: 0px 0px 15px #999999 inset;
					  }			   
					   					   
td#topTwoTabTwo:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					  }			   
					   
td#topTwoTabTwo:focus{box-shadow: 0px 0px 15px #999999 inset;
					  }	
					  
td#secondRowOneTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					      }			   
					   
td#secondRowOneTabs:focus{box-shadow: 0px 0px 15px #999999 inset;
					      }						  
								
td#secondRowTwoTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					      }			   
					   
td#secondRowTwoTabs:focus{box-shadow: 0px 0px 15px #999999 inset;
					      }						  
																
td#thirdRowOneTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					     }			   
					   
td#thirdRowOneTabs:focus{box-shadow: 0px 0px 15px #999999 inset;
					     }						  
								
td#thirdRowTwoTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					     }			   
					   
td#thirdRowTwoTabs:focus{box-shadow: 0px 0px 15px #999999 inset;
					     }										
								
td#fourthRowOneTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					     }			   
					   
td#fourthRowOneTabs:focus{box-shadow: 0px 0px 15px #999999 inset;
					     }										
								
td#fourthRowTwoTabs:hover{box-shadow: 0px 0px 10px #8e8e8e inset;
					     }			   
					   
td#fourthRowTwoTabs:focus{box-shadow: 0px 0px 15px #999999 inset;
					     }		
						 
/* THE SIDE PANEL */
						 					 
					 
span#hostMusic{margin: 21px 0px 0px 10px;
				z-index: 2;
				position: absolute;
				color: black;
				font-weight: bold;
				display: none;
				}						 					
					   
img#defaultSuggestionIcon{padding:4px 0px 0px 0px;
					      width:15px;
						  height:15px;
					      }					   
						  
img#defaultFriendsIcon{padding:4px 0px 0px 0px;
					   width:15px;
					   height:15px;
					   }
					   
img#defaultNotificationsIcon{padding:4px 0px 0px 0px;
							 width:15px;
							 height:15px;
					         }			
		
img.maxwellsounds{padding: 5px;
				  width: 219px;
				  height: 43px;
				  -webkit-tap-highlight-color:#ff8955;
				  }
		
img#theActualPicture{margin: 0px 5px 0px 0px;
						 height: 150px;
				     	 }		
		
.notificationOption{margin:0px 0px 0px 0px;
					font-size: 15px;
					}					 
					 
#navigation_options {
	background-color: #dee1fe;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	height: 25px;
}

img#searchprofileimage{height: 50px; width: 50px; padding: 5px 0px 0px 5px;}

myprofileHeaderLinks{list-style: none;
					  list-style-type: none;
					  text-decoration: none;
					  color: #ffffff;
					  display: inline-flex;
					  } 


table#links li a:hover{cursor:pointer;
					   } 



table#links{float:left;
            margin: 0px 0px 0px 3px;
            padding: 0;
			width: 100px;
		    }
			
table#linksButtons{float:right;
				   margin: 0px 10px 3px 10px;
				   padding: 0;
				   width: 180px;
				   }			

table#links li a{text-align:right;
				 margin: 0px 10px 3px 10px;
	             }									  
				 
/*SCORe*/

span#scorename{margin: 0px 0px 0px;
				  padding: 0px 0px 0px 0px;
				  font-size: 16px;
				  color: #091BC2;
				  }				  
				  
div#collectionRecentlyJoined{width: 345px;
								margin: 0px 0px 0px 30px;}

table#songpostcommentbox{width: 444px; border-right: 0px solid #c9c9c9; border-left: 0px solid #c9c9c9;}

div#msScoreIcons{margin: 0px 0px 0px 0px;
					width: 400px;
					border-left: 1px solid #c9c9c9;
					border-right: 1px solid #c9c9c9;
					}

div#scorecomment{border-top: 1px solid #c9c9c9;
					border-right: 0px solid #000000;
					border-bottom: 0px solid #000000;
					border-left: 0px solid #000000;
					width: 400px;
					margin: 1px 0px 0px 0px;
					padding: 0px 0px 0px 0px;}


span.spanSound, span.spanSoundGood, span.spanSoundBad {
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	display: inline-block;
	*display: inline;
}
span.spanSoundGood {
	background-image: url(/content/images/soundGood.png);
	
}
span.spanSoundBad {
	background-image: url(/content/images/soundBad.png);
}
/*SCORe*/				 

/* HELP */
table#helpTableHeader{width: inherit;
						  }
						  
td#helpButtonTableDataLeft{width: inherit;
							   vertical-align: middle;}	
							   
input#msHelpSearchButton{width: inherit;}		

input#msHelpSearchBar{width: 400px;}		

table#helpTableHeader{width: 500px; margin: 20px 0px 10px 200px;}		

div#msSearchBarHolder{border-bottom: 1px solid #999999;
						   margin: 0px 0px 0px 0px;}	   					  

div.msHelpDiv{border: 1px solid #dd00dd;
				margin: 2px;
				height: 350px;
				width: 300px;
				overflow-y: scroll;}
				
ul.msHelpUnorderedList{list-style: none;
						  list-style-type: none;
						  }				
	
.msCategoryButton:hover{color: #999999;
						   text-decoration: underline;}	
				
li.msHelpCategoryItems{list-style: none;
						  text-align: left;
						  font-size: 30px;
						  cursor: pointer;
						  }
						  				
li.msHelpQuestionItems{font-size: 14px;
						 color: #000000;
						 text-align: left;
						 margin-bottom: 10px;
						 }				
						 
span#chooseAHelpCategory{vertical-align: middle;
						      text-align: center;
							  font-size: 30px;
							  color: #c9c9c9;}			
							  
.msCategoryButton{background: transparent;
					 border: 0px solid #000000;
					 cursor: pointer;
					 color: #000000;
					 font-size: 40px;}		
					 
li.msHelpQuestionItems:hover{color: #999999;
							 	cursor: pointer;}					 					  			 
/* HELP */


/*NOTES*/
table#noteBorder{width: 815px;}

td#halfingUpTheNotes{vertical-align: top; width: 300px;}

div#noteHeaderOptions{border-bottom: 1px solid #c9c9c9;
						  margin-bottom: 5px; }
td.noteHeaderOptionsTableData{border-right: 1px solid #c9c9c9;
								  text-align: center;
								  cursor: pointer;}
								  
div.previousNoteTitle{text-align: left;
			   		   padding: 0px 5px 0px 5px; }				

ul#previousNotesList{padding: 0px;
					   margin: 0px;}		
					   
div.previousNoteTitle:hover{background-color: #e4e4e4;				   
							 cursor: pointer; }
							 
input#noteTitleInputField{margin: 0px;
						   border-top: 0px solid #c9c9c9;
						   width: 500px;
						   padding: 0px 5px 0px 5px;
						   height: 21px;
						   }					
						   
textarea#newNoteBodyContent{margin: 0px;
								  border-top: 0px solid #c9c9c9;
								  width: 500px;
								  resize: none;}		
								  
table#newNoteFooterTable{width: 115px;
							  margin-bottom: 0px;}	

div#newNoteFooter{margin-top: 0px;
					  border-top: 0px solid #c9c9c9;
					  border-bottom: 1px solid #c9c9c9;
					  border-right: 1px solid #c9c9c9;
					  border-left: 1px solid #c9c9c9;
					  width: 510px;
					  } 							  				   		 
/*NOTES*/

/*VIEW PROFILE */
div#viewprofileBody{}

td.viewprofileTableDataHeader{text-align: center; border-right: 1px solid #c9c9c9;}

td#viewprofileTableDataHeaderLast{text-align: center;}

input.viewSearch{margin-top: 0px; width: 400px;}

div.viewSearchBarDiv{border-bottom: 1px solid #c9c9c9;}

div.viewprofileTable{width: 815px;
					  margin: 0px;
					  height: 400px;}
					
span#viewMusicalInterest{margin: 0px 0px 0px;
							padding: 0px 10px 0px 0px;
							font-size: 16px;
							color: #999999;}				
							
td.viewProfileNotesHeader{text-align: center;}	

span#dataMusicalInfo{font-size: 16px; color: #999999;}								
/* VIEW PROFILE */


/*EDIT PROFILE*/
div#editProfileDiv{width: 816px; margin: 0px;}

td.editHeaderOptions{border-right: 1px solid #c9c9c9;
					   text-align: center;}

td#lastEditHeaderOptions{border-right: 0px solid #c9c9c9;}

div#editTemplateText{color: #999999; font-size: 35px; text-align: center; vertical-align: middle; text-decoration: none; opacity: 0.6; margin-top: 40px;}

table#editBasicInfo{table: 50px 0px 0px 0px;}

td.editBasicchanges{text-align: right; padding-right: 5px; vertical-align: middle;}

div#msMainEditDiv{padding-top: 60px; height: 300px;}
/*EDIT PROFILE*/


/* CHANGE PROFILE PICTURE */
div#changeprofilediv{border: 1px solid #999;
					    width: 400px;
						height: 250px;
						padding: 10px;
						background-color: #ffffff;
						z-index: 2;
						margin: 100px 0px 0px 150px;
						box-shadow: 0px 0px 70px #c9c9c9 inset;}
						
div#popOutDiv{position: fixed; 
				  margin: 0% 0px 0px 0%; 
				  z-index:4; 
				  width: 500px; 
				  height: 350px; 
				  border: 1px solid #c9c9c9; 
				  background-color: #ffffff; }		
				  
table#changeprofileTable{width: 400px; vertical-align: middle; text-align: center; margin: 70px 0px 0px 60px;}				  				
/* CHANGE PROFILE PICTURE */


/*POP UP BOX*/
table#collabTable{margin: 40px 0px 20px 0px; width: 300px}
span#collaboptions{font-size: 24px; color: #000000; cursor: pointer;}

div#collabBox{z-index: 5;
				position: fixed;
				width: 500px;
				margin: 15% 30%;
				padding: 30px 0px 0px 0px;
				background-color: #ffffff;
				border: 1px solid #dd0000;}
				
span#collabrequesttext{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						   color: #000;
						   font-size: 20px; 
						   }				
/*POP UP BOX*/




/* SONGS */
td.songUploadTd{text-align: center; padding-right: 5px;}

input.uploadsonginput{width: 250px; margin: 20px 10px 0px 20px; padding: 0px 0px 0px 5px;}


td.ceneralbum{text-align: center;}

div#songsDiv{border: 1px solid #999999;
				padding: 0px;
				width: 814px;
				margin: 0px;
				height: 450px;
				}
				
table#songsTableLeft{width: 371px; border-bottom: 0px solid #c9c9c9; border-right: 0px solid #c9c9c9;}		

span.mpsongdetails{font-size: 14px; font-weight: bold; margin-right: 5px;}

span.mpsongdetail{font-size: 14px; font-weight: normal; color: #999999;}		
/* SONGS */



/* EVENTS */
input#eventDate{ margin-left: 28px;}

textarea#eventdescription{width: 300px; height: 100px; resize: none;}

span#cancelinvitations{cursor: pointer; color: #384af2;}

div#createventpopup{background-color: #fff; z-index: 6; position: fixed; }

.createeventinput{width: 310px; margin-right: 0px;}

div#createvent{width: 370px; border-right: 1px solid #c9c9c9; height: 416px; padding-top: 20px; text-align: right; } 

select#requestthisstate{width: 50px;}

div#eventsDiv{border: 1px solid #999999;
				padding: 0px;
				width: 841px;
				margin: 0px;
				height: 450px;
				}
				
table#eventsTableLeft{width: 371px; border-bottom: 1px solid #c9c9c9; border-right: 0px solid #c9c9c9;}		

span.mpsongdetails{font-size: 14px; font-weight: bold; margin-right: 5px;}

span.mpsongdetail{font-size: 14px; font-weight: normal; color: #999999;}	
/* EVENTS */



/* IMAGES */
p.conversationp{margin: 0px 0px 0px 0px;}

td.conversationimage{vertical-align: top; padding: 0px 10px 0px 0px;}

li.listouttheconversation{border-bottom: 1px solid #999999; margin-bottom: 10px;}

div#imageshowbottom{height: 251px; overflow: scroll;}

div#imageshow{border-bottom: 1px solid #999999; vertical-align: middle; height: 164px; width: 434px; margin: 0px;}

img#imageshowimage{width: 150px; height: 150px;}

td.imagedata{text-align: center;}

img.imageshowed{width: 100px; height: 100px;}

div.packetofimages{width: 360px; border-right: 1px solid #c9c9c9; padding: 10px 0px 0px 10px; height: 416px; overflow: scroll;}	

div#imagesDiv{border: 1px solid #999999; padding: 0px; width: 814px; margin: 0px; height: 450px; }
				
table#eventsTableLeft{width: 371px; border-bottom: 0px solid #c9c9c9; border-right: 0px solid #c9c9c9;}		

span.mpsongdetails{font-size: 14px; font-weight: bold; margin-right: 5px;}

span.mpsongdetail{font-size: 14px; font-weight: normal; color: #999999;}	

div#listOfEvents{width: 370px; border-right: 1px solid #c9c9c9; height: 416px; overflow: scroll;}	
/* IMAGES */


/* TERMS */

table#termsTable{width: 150px; margin: 10px 0px 10px 10px;}

button#acceptTerms{color: #00cc00; font-size:18px;}

button#cancelTerms{color: #000000; font-size:18px;}

div#termspopup{width: 600px; height: 450px; background-color: #fff; z-index:6; display: none; position: fixed;}

/* TERMS */






/*LOGIN*/
table#loginTable{margin:200px 0px 0px 0px; width: 600px;}

button#loginloginbutton{border: 1px solid #c9c9c9;}
/*LOGIN*/




/* POP UPS */
li.presearch{list-style: disc;}

div#verificodeDiv{overflow: hidden;}

table#verifyTableBottom{border-top: 0px solid #c9c9c9;
							 border-right: 1px solid #c9c9c9;
							 border-bottom: 1px solid #c9c9c9;
							 border-left: 1px solid #c9c9c9;
							 height: 260px;
					         }

input#verifinput{width: 235px; height: 70px; font-size: 75px; padding: 10px; background: #384af2; border: 5px solid #fff; color: #ffffff; margin-top: 70px;}

span#wiotw{font-size: 20px; margin-left: 20px;}

button.gotopage{width: 100px; height: 50px;}

table#gotoprofilepage{margin:25px 0px 0px 50px;}
/* POPUPS */