@charset "UTF-8";
/* This CSS Document styles the content and images
   on the sheet of paper that scrolls out after a 
   message is typed. */

/*THE SCORE*/	
textarea.postingComment{overflow:auto;
						border-bottom: 0 none;
    					border-right: 0 none;
						border-top:0px;
						border-left:0px;
    					margin: 3px 0px 0px 0px;
    					overflow:visible;
   					    padding-bottom: 0;
    			        width: 310px;
						font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						color:#a2a2a2;
						line-height:26px;
						background:transparent;
						}					

table#commentOnThat{width:0px;
					height:0px;
					margin: 1px 0px 5px 0px;
					}		

div#songWriterUploadContainer{ margin: 9px 0px 0px 0px;
						      }

a#userPostedSongLink{ margin: 0px 0px 0px 80px;
					 }

td#rightTopScore{ width: 380px;
				 }
			  
div#score1Tab{border-top: 1px dashed #999;
			  padding: 10px 0px 0px 0px;
			  display: none;
			  }			  
			  
div#score2Tab{border-top: 1px dashed #999;
			  padding: 10px 0px 0px 0px;
			  display: none;
			  }			  

tr#commentOnThis{width:0px;
				 height:0px;
				 }

div.SideTabs{border: 2px solid #cc0000;
			 }

td#postingTextArea{width:0px;
				   height:0px;
				   }
						 
span#uploadThesePhotos{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-size:14px;
					   }

br#breakSounds{height:0px;
			   }
			   
span.numericalSoundCount{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						 font-size:13px;
						 color:#000000;
						 font-weight:normal;
						 }

a.soundsGood{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			font-size:13px;
			text-decoration:none;
			font-weight:normal;
			letter-spacing:2px;
			z-index:2;
			text-decoration:none;
			color:#384af2;
			}
			 
a.soundsGood:hover{font-size:14px;
				  color:#c3c9fd;
				  }			 
			 
a.soundsBad{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				font-size:13px;
				text-decoration:none;
				font-weight:normal;
				text-decoration:none;
				letter-spacing:2px;
				z-index:2;
				color:#384af2;
				}

a.soundsBad:hover{font-size:14px;
				     color:#c3c9fd;
				     }
				  
a.everyOnesThoughts{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					font-size:13px;
					text-decoration:none;
					font-weight:normal;
					z-index:2;
                    color:#384af2;
					}
					
a.everyOnesThoughts:hover{font-size:14px;
				          color:#c3c9fd;
				          }

/*the top of the sheet of paper */
f.top_of_sheet{background-image:url(../images/top_space_user_interface.png);
		      height:100px;
			  border-left:1px solid #A2A2A2;
			  border-top:1px solid #A2A2A2;
			  border-right:1px solid #A2A2A2;
			  border-bottom:1px solid #384af2;
			  }



/*fancybox note expansion*/
span.noteTheNote{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				 font-size:13px;
				 color:#888888;
				 }

span.noteUsername{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				  font-size:11px;
				  color:#384af2;
				  font-weight:normal;
				  margin-right:7px;
				  margin-left:0px;
				  }

div#testAjax{width:390px;
			 height:500px;
			 background-image:url(../images/notesPaper.png);
			 padding-top:83px;
			 padding-left:79px;
			 }				  			  
				  
span.noteMusicalInterest{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				         font-size:11px;
						 color:#c3c9fd;
						 font-weight:normal;
						 }

span.notenoteTitle{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				   font-size:12px;
				   color:#000000;
				   font-weight:normal;
				   margin-left:0px
				   }			  








span.dateFunction{text-align:right;
				  color:#6a7bae;
				  font-size:12px;
				  padding: 0px 0px 0px 0px;
				  margin: 30px 5px 40px 225px;
				  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				  }

/* div.top_of_sheet table{background-color:transparent;
				       border-right:1px solid #A2A2A2;
				       border-top:1px solid #A2A2A2;
				       border-bottom:1px solid #384af2;
			           border-left:1px solid #A2A2A2;		
					   width:392px;
					   } */





/*the shet of paper background*/
div.score_test_text{background-image:url(../images/paperScoreLine.png);
			        background-repeat:repeat-y;
		         /* height:500px; */
			        width:452px;
			        border-left:1px solid #A2A2A2;
				    border-bottom:1px solid #A2A2A2;
				    border-right:1px solid #A2A2A2;
				    }				
	
hr.commentAndScoreSpreader{margin:0 0 0.45em;
						   display:none;
						   }

/*.user_comment{font-family:Trebuchet MS, century gohtic, Arial, Helvetica, sans-serif;
		      font-size:12px;
			  margin-top:6px;
		      line-height:26px;
			  margin-left:79px;
			  padding-right:5px;
			  margin-bottom:20px;
			  }*/
			  
tr.entireCommentHere{width:20px;
				 	 heightpx;
					 }
					 
/* table.tableCommentScore{margin:24px 0px 0px 0px;
						} */
			
td.nameCommentComment{width:auto;
					  height:auto;
					  }
					 
tbody.takeCommentsApart{margin-top:5px;
						}					 
					  
div.divCommentSpreader{margin-top:0px;
					   margin-left:-10px;
					   }					  
					  
td#theCommentImage{width:51px;
				   height:auto;		
				   }
			  
/* p.userComment{font-family:"Trebuchet MS", "Lucida Grande", Century Gohtic, Arial, Helvetica, sans-serif;
		      font-size:13px;
			  margin-top:1px;
		      line-height:26px;
			  margin-left:9px;
			  padding-right:5px;
			  margin-bottom:0px;
			  word-wrap:break-word;
			  } */
						
#side_panel{border-right:2px solid #888888;
			}
			
div#mightBeIt{margin: -10px 0px 0px 0px;
			  }
			  
div.CommentPushing{margin-bottom:0px;
				   }

#user_interface_name{font-size:30px;
					 vertical-align:top;
					 margin-top:0px;
					 margin-bottom:0px;
					 margin-right:0px;
					 margin-left:0px;
					 text-align:left;
					 color:#384af2;}
							   
							   

#user_interface_music{font-size:130px;
				      vertical-align:top;
					  margin-top:0px;
					  margin-bottom:0px;
					  margin-right:0px;
					  margin-left:0px;
					  text-align:left;
					  color:#c3c9fd;
					  }





/*This CSS is for the styling of the three opions sounds, looks, and comment*/		 
a.f45fedwW4302am{font-size:13px;
				 text-align:right;
				 float:right;
				 margin-left:10px;
				 margin-top:7px;
				 margin-right:5px;
				 font-family:trebuchet ms;
				 font-weight:bold;
				 color:#384af2;
				 text-decoration:none;
				 }
				 
span.f45fedwW4302am{font-size:13px;
				    text-align:right;
				    float:right;
				    margin-left:10px;
				    margin-top:-2px;
				    margin-right: 0px;
				    font-family:trebuchet ms;
				    font-weight:bold;
				    color:#384af2;
				    text-decoration:none;
					cursor:pointer;
				    }				 
				  
a.f45fedwW4302am:hover{font-size:14px;
					   font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-weight:normal;
					   color:#c3c9fd;
					   }
			  
a.f45fedwW4302pm{font-size:13px;
				 text-align:right;
				 float:right;
				 margin-left: 0px;
				 margin-top:-1px;
				 margin-right:5px;
				 font-family:trebuchet ms;
				 font-weight:bold;
				 text-decoration:none;
				 color:#384af2;
				 }
			  
a.f45fedwW4302pm:hover{font-size:14px;
					   }


/*Styles Button Comment*/	
.sounds_comment_area{float:right;
			         margin-top:0px;
				     font-weight:normal;
				     font-size:12px;
				     background-image:transparent url(../images/horizontal_user_interface.png);
				     }
										 


/*Looks Button Comment*/
.looks_comment_area{float:right;
			        font-weight:normal;
			        margin-top:0px;
			        font-size:12px;
			        background-image:transparent url(../images/horizontal_user_interface.png);
			        }


/*User Name and Musical Style*/
#profile_list{text-decoration:none;
			  list-style:none;
			  text-align:left;
			  vertical-align:top;
			  margin:0px;
			  border:0px;
			  padding:0px;
			  }
				
				
p.name{text-decoration:none;
	   list-style:none;
	   text-align:left;
	   font-size:18px;
	   color:#384af2;
	   margin-left:2px;
	   margin-bottom:0px;
	   margin-top:51px;
	   table-layout:fixed;
	   border-collapse:collapse;
	   border-spacing:0px;
	   caption-side:bottom;
	   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	   }
	   
p.name a{text-decoration:none;
	    list-style:none;
	    text-align:left;
	    font-size:18px;
	    color:#384af2;
	    margin-left:2px;
	    margin-bottom:0px;
	    margin-top:51px;
	    table-layout:fixed;
	    border-collapse:collapse;
	    border-spacing:0px;
	    caption-side:bottom;
	    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	    }	   
	   
p.Commentname{text-decoration:none;
			  list-style:none;
			  text-align:left;
			  font-size:18px;
			  color:#384af2;
			  margin-left:4px;
			  margin-bottom:0px;
			  margin-top:3px;
			  table-layout:fixed;
			  border-collapse:collapse;
			  border-spacing:0px;
			  caption-side:bottom;
			  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			  }	
			  
p.Commentname a{text-decoration:none;
			   list-style:none;
			   text-align:left;
			   font-size:18px;
			   color:#384af2;
			   margin-left:4px;
			   margin-bottom:0px;
			   margin-top:3px;
			   table-layout:fixed;
			   border-collapse:collapse;
			   border-spacing:0px;
			   caption-side:bottom;
			   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			   }				  
	  
						
p.musical_interest{text-decoration:none;
				   list-style:none;
				   text-align:left;
				   font-size:15px;
				   color:#c3c9fd;
				   margin-left:6px;
				   margin-bottom:0px;
				   table-layout:fixed;
				   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				   }
			  

/*the sounds comment*/
.sounds_area_comment{margin-top:5px;
					 background-image:url(../images/horizontal_user_interface.png);
					 text-align:right;
					 height:25px;
					 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					 }
				
				
/*the sounds comment area*/				
#sounds_comment_area{margin-top:5px;
					background-image:url(../images/horizontal_user_interface.png);
					border-left:1px solid #000000;
					border-right:1px solid #000000;
					border-bottom:1px solid #000000;
					text-align:right;
					height:25px;
				    }				
					
/*the looks comment*/					
#looks_comment_area{margin-top:0px;
					background-image:url(../images/horizontal_user_interface.png);
					border-left:1px solid #000000;
					border-right:1px solid #000000;
					border-bottom:1px solid #000000;
					text-align:right;
					height:25px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				    }
					
div#soundsPopUpBox{width:200px;
				   height:50px;
				   z-index:1;
				   color:c6401b;
				   display:none;
			   	   }					
					
div#theClassArea{margin-bottom:20px;
			     }
					
.looks_area_comment{margin-top:5px;
				    background-image:url(../images/horizontal_user_interface.png);
				    text-align:right;
					height:25px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
					
#post_image{width:75px;
			height:100px;
			margin:0px;
			border:0px;
			padding:0px;
			position:relative;
			}
			
img.profileImage{width:75px;
			     height:100px;
			     }
			 
			 
#commentPractice{background-image:url(../images/horizontal_user_interface.png);
			     margin-top:0px;
			     padding-right:5px;}
				 
		
.commentContent{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			    line-height:26px;
				margin-top:px;
				font-size:12px;
				margin-left:79px;
				}
				
			  

/* THIS CSS FITS THE COMMENTS ON A POST */
td.commentingOnWhat{float:right;
				 }

/* textarea.postingComment{overflow:auto;
						border-bottom: 0 none;
    					border-right: 0 none;
						border-top:0px;
						border-left:0px;
    					margin: 0px 0px 0px 0px;
    					overflow:visible;
   					    padding-bottom: 0;
    			        width: 310px;
						font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						color:a2a2a2;
						line-height:26px;
						background:transparent;
						} */
						
textarea.postingComment:focus{border-left:0px;
					          border-top:0px;
							  color:#a2a2a2;
							  }
						
/* input#CommentingOnPosting{background:transparent;
						  border:0px;
						  font-family:"Trebuchet MS", "Lucida Grande",  Arial, Helvetica, sans-serif;
						  font-size:15px;
						  color:#384af2;
						  margin:10px 0 13px 45px;
						  padding:0px 0px 0px 0px;
						  font-size:13px;
						  width:32px;
						  }	*/					
						
input#CommentingOnPosting:active{color:#a2a2a2;
								 font-size:16px;
								 }						
						
input.submitCommentClass{margin:0px;}
						
input#postSubmitComment{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						font-size:20px;
						width:49px;
						color:#384af2;
						padding:0px;
						margin:-12px 1px 0px 4px;
						height:27px;
						vertical-align:super;
						border:0px solid #000000;
						background-color:transparent;
						/*background-Image:url(../images/commentback1.png);*/
						}						
						
						
input#postSubmitComment:hover{color:#c3c9fd;
							  }					
					
input#postSubmitComment:active{/*background-image:url(../images/commentback2.png);*/
							   }
					
						
.commentImage{width:25px;
			  height:25px;
			  }
						
div.commentPost{/* background-color:#c3c9fd; */
				/* border:1px solid #000000; */
				padding:0px;
				}
						
						
img.userCommentPhoto{margin-top:2px;
					 margin-right:5px;
					 }
					 
span.userCommentName a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					   color:#384af2;
					   font-size:16px;
					   margin-top:0px;
					   margin:0px;
					 }
					 
					 
					 
/* the astounding comment area */
div#8divC1om5me&ntA$re7a{background-color:#000000;
						   border:1px solid #000000;
						   }
						   
form.postingTheComment{padding:0px;
								margin:0px;
								}
						   
input.userI1np29utC2la7s4s{height:20px;
						   width:315px;
						   overflow:scroll;
						   }	
							  
div.hid352de7nCo/hhm7mentI35nputhF3ie4l3d{border:1px solid #000000;
										  }
										  
							
table.t5ab9legUserC@omm9&e7nt2{padding:0px;
							   margin:0px;
							   }	
								
input.us2er9In6putCom1m6en7t, use0rSubm9itC1om73men42t{margin:0px;
													   padding:0px;
													   }


input.takeOutTheConversation{font-family:"lithos pro", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						 font-size:15px;
						 color:#a2a2a2;
						 float:right;
						 margin:5px 7px 0px 0px;
						 }

.takeOutTheConversation:hover{color:#555555;
						       }

/* The sounds pop up page */

span.soundsGood{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#c3c9fd;
				display:block;
				}

span.soundsBad{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			   font-size:13px;
			   color:#c3c9fd;
			   display:block;
			   }
			   
img.soundsImg{width:25px;
			  height:25px;
			  margin-right:5px;
			  }
			  
img.soundsImg:hover{border:2px solid #384af2;
				    }
					
a.soundsName{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			 font-size:12px;
			 font-weight:normal;
			 color:#384af2;
			 }	
			
a.soundsName:hover{color:#c3c9fd;
  				   }
				   
a.soundsInterest{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;				   				 font-size:12px;
				 font-weight:normal;
				 color:#c3c9fd;
				 }
				 
div.soundsDivArea{text-align:right;
			      position:relative;
				  padding:5px 5px 5px 0px;
				  background:none repeat scroll #FFFFFF;
				  }
				  
input.soundsClose{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			  	  font-size:12px;
				  background-color:transparent;
				  color:#384af2;
				  }
				  
input.soundsClose:hover{border:1px solid #384af2;
						text-align:right;
					    }
				  


/* the help page */
li#helpWhat{font-family:"Trebuchet MS", "Lucida Grande",  Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:normal;
			color:#000000;
			margin-left:5px;
			}
			
ul#helpList{display:-webkit-box;
			list-style:none;
			}

hr#questionUnderline{width:33%;
					 margin-left:0px;
					 }

#titleQuestion{font-family:"Trebuchet MS", "Lucida Grande",rial, Helvetica, sans-serif;
				 font-size:25px;
				 font-weight:normal;
				 color:#000000;
				 margin-bottom:0px;
				 margin-left:0px;
				 /* width:311px; */
				 }
				 
img#mario{color:#000000;
		  border:3px solid #384af2;
		  
          }

li.helpMe span{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
		       font-size:15px;
		       color:#999999;
			   margin-left:7px;
		       cursor:pointer;
		       }

div#welcomeCenter{background-color:#ffffff;
				  }

#prependWelcome{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				font-size:35px;
				color:#000000;
				font-weight:normal;
				}
	
#newHELP{font-family:"Trebuchet MS", "Lucida Grande";
             font-size:35px;
             color:#c6401b;
             font-style:italics;
             }

p#helpWelcome{font-family:"Trebuchet MS", "Lucida Grande", sans serif;
              font-size:35px;
              color:#384af2;
			  margin-left: 0px;
              margin-top: 28px;
			  margin-bottom:0px;
			  width:508px;
              }	
			  
span.questionAnswers{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				     font-size:18px;
					 color:#000000;
					 }
					 
li.helpMe{
		  }
		  
div#theHelpViewArea{border-top:1px solid #a2a2a2;
					border-left:0px solid #DD0000;
					border-right:0px solid #DD0000;					
					border-bottom:0px solid #DD0000;
					padding:20px;
					}
					
span.answerQuestions{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					 font-size:14px;
					 color:#AAAAAA;
					 width:200px;
					 height:300px;
					 text-decoration:none;
					 }
		  
span.questionAnswersPhoto{width:300px;
				          height:106px;
						  font-size:18px;
						  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					      text-decoration:none;
						  }
						  
span.questionAnswersPrivacy{width:300px;
				            height:106px;
						    font-size:18px;
						    font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;                           text-decoration:none;
						   }
						   
span.questionAnswersFriends{width:300px;
				            height:106px;
						    font-size:18px;
						    font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-seri;
						   text-decoration:none;
						   }
						   
span.questionAnswersNotes{width:300px;
				          height:106px;
						  font-size:18px;
						  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						  text-decoration:none;
						 }
						 
span.questionAnswersSongs{width:300px;
				          height:106px;
						  font-size:18px;
						  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						  text-decoration:none;
						  }
						 
span.questionAnswersInfo{width:300px;
				          height:106px;
						  font-size:18px;
						  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						  text-decoration:none;
						  }
						
div.answersQuestions{width:425px;
					 height:106px;
					 font-size:18px;
					 font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					 display:none;
					 }
						
		  
ul#helpList2{list-style:none;
			 display:-webkit-box;
		     }
			 
ul#{list-style:none;
	padding-left:0px;
	margin-right:0px;
	}
	
td.tableHelpList{border:0px solid #384af2;
				 }
				 
li.listHelper{list-style:none;
			  text-decoration:none;
			  font-size:14px;
			  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			  }
			  
li.listHelperPhoto, li.listHelperPrivacy, li.listHelperFriends, li.listHelperNotes, li.listHelperSongs, li.listHelperInfo, li.listHelperDownloads, li.listHelperScore, li.listHelperSigning, li.listHelperAccount{list-style:none;
 text-decoration:none;
 font-size:14px;
 cursor:pointer;
 font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
 display:none;
 margin-top:5px;
 }
 
 li.listHelperPhoto:hover, li.listHelperPrivacy:hover, li.listHelperFriends:hover, li.listHelperNotes:hover, li.listHelperSongs:hover, li.listHelperInfo:hover, li.listHelperDownloads:hover, li.listHelperScore:hover, li.listHelperSigning:hover, li.listHelperAccount:hover{color:#888888; 
 						   }
			  
td#leftSide{margin-right:2px;
			}			  
			 
span#photoHelpClick{	
					}
					
span#helpDeleteFriend{margin-top:10px;
					  }					


				 
div#saveAsDraftPopOut{display:none;
	                  position:fixed;  
			          _position:absolute; /* hack for internet explorer 6*/  
			          height:172px;  
			          width:450px;  
			          background:#c3c9fd;  
			          border:4px solid #384af2;  
			          z-index:4;  
			          padding:20px;  
			          font-size:13px;
					  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			          -moz-border-radius:20px 20px 20px 20px;
					  margin-left:12%;
					  margin-top:14%;
					  }  
					  
div#saveAsDraftPhotoPopOut{display:none;
						  position:fixed;  
						  _position:absolute; /* hack for internet explorer 6*/  
						  height:172px;  
						  width:450px;  
						  background:#c3c9fd;  
						  border:4px solid #384af2;  
						  z-index:3;  
						  padding:20px;  
						  font-size:13px;
						  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						  -moz-border-radius:20px 20px 20px 20px;
						  margin-left:12%;
						  margin-top:14%;
						  }  					  
						  
div#saveAsDraftSpotterPopOut{display:none;
	                  position:fixed;  
			          _position:absolute; /* hack for internet explorer 6*/  
			          height:172px;  
			          width:450px;  
			          background:#c3c9fd;  
			          border:4px solid #384af2;  
			          z-index:4;  
			          padding:20px;  
			          font-size:13px;
					  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			          -moz-border-radius:20px 20px 20px 20px;
					  margin-left:12%;
					  margin-top:14%;
					  }   
					  
span#dontAskAgain{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				  font-size:16px;
				  color:#999999;
				  z-index:4;
				  }
				  
p#whatWouldDraftingDo{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				      font-size:16px;
				      color:#3f49a;
					  margin-bottom:26px;
					  z-index:4;
					  margin-left:14px;
					  }
					  
a#draftListSongHelp{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-size:14px;
					   color:#384af2;
					   z-index:4;
					   text-decoration:none;
					   }
					   
a#draftListNoteHelp{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-size:14px;
					   color:#384af2;
					   z-index:4;
					   text-decoration:none;
					   }
					   
a#draftListSongHelp:hover{color:#d2d7fe;	
						  }
					   
input#cancelDraftSong{width:120px;
					  height:40px;
					  color:#ffffff;
					  background-color:#c6401b;
					  border:0px;
					  font-size:16px;
					  z-index:4;
					  cursor:pointer;
					  margin-left:92px;
					  margin-right:20px;
			          -moz-border-radius:10px 10px 10px 10px;					  
					  }
					  
input#cancelPhotoUpload{width:120px;
						height:40px;
						color:#ffffff;
						background-color:#c6401b;
						border:0px;
						font-size:16px;
						z-index:4;
						cursor:pointer;
						margin-left:92px;
						margin-right:20px;
						-moz-border-radius:10px 10px 10px 10px;					  
						}
				
input#cancelDraftNote{width:120px;
					  height:40px;
					  color:#ffffff;
					  background-color:#c6401b;
					  border:0px;
					  font-size:16px;
					  z-index:4;
					  cursor:pointer;
					  margin-left:92px;
					  margin-right:20px;
			          -moz-border-radius:10px 10px 10px 10px;					  
					  }			
					  
input#cancelDraftSong:hover{background-color:#e36e50;
							border:1px solid #e36e50;
							}
					  
input#proceedDraftSong{width:120px;
					  height:40px;
					  color:#ffffff;
					  background-color:#c6401b;
					  border:0px;
					  z-index:4;
					  font-size:16px;
					  -moz-border-radius:10px 10px 10px 10px;
					  cursor:pointer;
					  }
					  
input#proceedDraftNote{width:120px;
					   height:40px;
					   color:#ffffff;
					   background-color:#c6401b;
					   border:0px;
					   z-index:4;
					   font-size:16px;
					   -moz-border-radius:10px 10px 10px 10px;
					   cursor:pointer;
					   }					  
					  
input#proceedDraftSong:hover{background-color:#e36e50;
							border:1px solid #e36e50;
							}
							
span#buttonArea{margin-bottom:5px;
				text-align:center;
				z-index:4;
				}
				
span#draftListSongHelp{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-size:16px;
					   z-index:4;
					   }
					   
input#thisTheCheckbox{margin-left:90px;
					  }
					  
span#popUpSpark{background-image: -moz-radial-gradient(center 65% , circle farthest-side, #ffffff 29%, rgba(195, 201, 253, 0) 100%);
				display:block;
				height:417px;
				left:29%;
				margin-left:-70px;
				position:fixed;
				top:0;
				margin-left:-183px;
				margin-top:85px;
				width:750px;
				z-index:2;
				display:none;
				}
				
				
/***************************
****************************
The Score Comment Areaw here
comments and sounds are made 
but I think we are going to 
focus on comments right now
****************************
****************************/

.commentTable{
			  }


			
			
/* the scores good and bad area. This CSS is for the pop up div that comes up to display the people who chose good or bad in the option list. The steps are as follows. User A makes a post, then uesr B. C, D, E, F, G,.... have the choice to say what that post sounds like. He or she then chooses "good" or "bad" and then if user A (the one who wrote the update to begin with wants to know what people thought his or her update sounded like he can simply click on good or bad in order to see.  */		


/* this is the section for the background of that popUp Div */
div.backGroundDim{position:absolute;
				  width:100%;
				  height:100%;
				  color:#ffffff;
				  background-color:#ffffff;
				  opacity:0.7;
				  z-index:10000;
				  display:none;
				  }


/* this is for the top div or those who thought it sounded good */
div#outerGoodBadBox{border:2px solid #000000;
					margin: 10% 10% 0 36%;
					position: fixed;
					z-index: 4;
					background-color:#ffffff;
					width:500px;
					display:none;
 					}
					
div#popUpGoodTitle{background-color: #384AF2;
    			   border: 0 solid #000000;
    			   height: 25px;
   	 			   padding: 2px 0 0 5px;
				   border-bottom:1px solid #000000;
				   }
					  
span#goodTitle{border:0px solid #000000;
			  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			  font-size:15px;
			  color:#ffffff;
			  font-weight:normal;
			  direction:ltr;
			  }					  
				  

/* this CSS is for the users themselves */
table#goodToRemember:hover{
						   }
												
tr#theImageGoodRow{
					  }
					  
td#theImageGood{width:1px;
				}		
				   
img#imgGood{height: 60px;
		    margin: 5px;
		    width: 60px;
			}
			   
td#holderOfTheGood{
					  }	
					  
ul#keeperOfTheList{list-style: none outside none;
    			   padding: 0px 0px 0px 0px;
				   margin:0px 10px 0px 0px;
				   }	
				   
div#whereTheGoodNameGo{
						  }
						  
li#ohLookTheGoodList{color: #000000;
    				 font-family: "trebuchet MS","lucida grande",arial,san-serif;
    				 font-size: 14px;
					 margin:7px 0px 0px 0px;
					 }	
		
li#ohLookTheDetails{color: #999999;
    				font-family: "trebuchet MS","lucida grande",arial,san-serif;
    				font-size: 14px;
					}		
		
td#addTheGoodAddTheUgly{padding:5px;
						}		
						
a#GoodCollab{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			 font-size:14px;
			 color:#999999;
		     cursor:pointer;
			 float:right;
			 margin:20px 0px 0px 0px;
			 }
					  
a#GoodCollab:hover{color:#000000;
				   }
				   
				  
/* this is for the top div or those who thought it sounded good */
div#popUpBadTitle{border:0px solid #000000;	
				  background-color:#384af2;
				  height:25px;
				  padding: 2px 0px 0px 5px;
				  border-top:1px solid #000000;
				  border-bottom:1px solid #000000;
				  }					
					  
span#badTitle{border:0px solid #000000;
			  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			  font-size:15px;
			  color:#ffffff;
			  font-weight:normal;
			  direction:ltr;
			  }					  
				  

/* this CSS is for the users themselves */
table#badToRemember:hover{
						  }
												
tr#theImageBadRow{
				   }
					  
td#theImageBad{width:1px;
			   }		
				   
img#imgBad{height: 60px;
		   margin: 5px;
		   width: 60px;
   	       }
			   
td#holderOfTheBad{
					  }	
					  
ul#keeperOfTheBadList{list-style: none outside none;
    				  padding: 0px 0px 0px 0px;
					  margin:0px 10px 0px 0px;
				      }	
				   
div#whereTheBadNameGo{margin:4px 0px 0px 0px;
					 
					  }
						  
li#ohLookTheBadList{color: #000000;
    			    font-family: "trebuchet MS", "lucida grande", arial, san-serif;
    				font-size: 14px;
					}
					
li#ohLookTheBadDetails{color:#999999;
    			       font-family: "trebuchet MS", "lucida grande", arial, san-serif;
    				   font-size: 14px;
					   }
		
td#addTheBad{padding:5px;
			 }		
						
a#badCollab{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#999999;
			cursor:pointer;
			float:right;
			}
					  
a#badCollab:hover{color:#000000;
				  }			
				  
button#backPop{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			   font-size:14px;
			   background:transparent;
			   color:#000000;
			   border:0px;
			   float:right;
			   margin:5px 0px 5px 0px;
			   cursor:pointer;
			   }
			   
button#backPop:hover{color:#888888;
					 font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					 }			   
					 
div#popUpFooter{padding:0px;
				}			
				
hr#friendGoodBadHr{margin:0px;
				   padding:0px;
				   }
				   
				   
/* the CSS for the popOut div */	
table#eventUploaderPhoto{width:100%;
						 } 

tr#photoUploaderRow{width:0px;
					}
					
td#photoUploaderData{width:33%;
					 }					

td#photoUploaderData2{width:67%;
					  }

p#psuedoTermsPhoto{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				   font-size:12px;
			       color:#6a7bae;
				   font-weight:normal;
				   }

div#photoUploadTerms{margin: 3% 0% 0% 0%;
					 width: 287px;
				     }
				
div#newEventForTheAges{width:505px;
					   /* height:800px; */
					   border:2px solid #000000;
					   margin:10% 10% 0% 36%;
					   position:absolute;
					   z-index:4;
					   background-color:#ffffff;
					   display:none;
					   box-shadow:0px 0px 70px #a2a2a2;
					   }
					   
div#uploadAnEventImage{/* border:2px solid #dd0000;	*/
					   width:100%;
					   height:100%;
					   padding:10% 0% 0% 0%;
					   display:none;
					   }					   
					   
input#EvePictuaUplo{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:14px;
					bot-weight:normal;
					-moz-border-radius:10px 10px 10px 10px;
					}
					   
li.newEventOptionField{/* padding:5px 5px 5px 5px; */
					   }
					   
div.newEventBackGroundDim{position:absolute;
						  width:100%;
						  height:500%;
						  background-color:#ffffff;
						  opacity:0.8;
						  z-index: 3;
						  display:none;
						  }	
						 
span#eventOr{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			 font-size:14px;
			 color:#999999;
			 }						 
						 
table#uploadImageTable{padding:0px 0px 0px 0px;
					   margin:0px 0px 0px 0px;
					   height:30px;
					   width:100%
					   }						 
						 
span#newEventPopOutText{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						font-size:14px;
						color:#6a7bae;
						}						 
						
ul#listOfEventOptions{margin:0px 0px 0px 0px;
					  padding:0px 0px 0px 0px;
					  border:0px solid #000000;
					  list-style:none;
					  list-style-type:none;
					  list-style-image:none;
					  }						
					  
input.eventFieldsHere{font-size:14px;
					  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					  padding: 2px 0 2px 5px;
					  }				
					  
input#eventHereTitle{border-bottom: 0 solid #A2A2A2;
					 border-top: 0 solid #A2A2A2;
					 border-right:0px solid #a2a2a2;
					 color: #999999;
					 font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
					 font-size: 14px;
					 height: 30px;
					 margin: 0;
					 padding: 2px 0 2px 5px;
					 width: 490px;
				     }	  
				
hr.newEventSplittler{margin:0px 0px 0px 0px;
					 }				
					 
li#describeThisEvent{padding:5px 0px 0px 0px;
					 margin:0px 0px 0px 0p;
					 }					 
					 
input#eventNameHere{width:490px;
					height:30px;
					padding:2px 0px 2px 5px;
					margin:0px 0px 0px 0px;
					border-top:0px solid #a2a2a2;
					border-right:0px solid #a2a2a2;
					border-bottom:0px solid #a2a2a2;
					}					 
					 
li#gettingTheImageYet{padding:2px 2px 2px 2px;
					  height:30px;
					  }					 
					 
textarea#theTextareaEventStuff{border:2px dotted #a2a2a2;
							   border-top:2px solid #a2a2a2;
							   border-right:0px solid #a2a2a2;
							   border-bottom:2px solid #a2a2a2;
							   border-left:0px solid #a2a2a2;
							   width:488px;
							   margin:5px 0px 0px 0px;
							   /* box-shadow: 0px 0px 5px 3px #000000 inset ; */
							   }					 

span#useExistingImage{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					  font-size:14px;
					  margin:0px 0px 0px 5px;
					  color:#000000;
					  cursor:pointer;
					  }
					 
span#useExistingImage:hover{color:#999999;
							}					 
					 
span#uploadNewEventImageNow{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					        font-size:14px;
					  		color:#000000;
							cursor:pointer;
							}					  

li#selectYourSpecialGuests{height:30px;
						   padding:7px 0px 0px 10px;
						   }

span#uploadNewEventImageNow:hover{color:#999999;
								  }

tr#uploadEventImageRow{
					   }
					   
td#uploadEventImageAdd{border-right: 1px solid #A2A2A2;
    				   width:116px;
					   vertical-align:middle;
  					   }
					   
td#uploadEventImageUse{width:128px;
					   margin:0px 0px 0px 0px;
					   vertical-align:middle;
					   }					   
					   
td#uploadEventImageOr{vertical-align:middle;
					  width:15px;
					  }
					  
td#uploadEventImageUpload{vertical-align:middle;
						  }
						  
div#uploadedImage{background-color: #FFFFFF;
                  border: 7px dashed #A2A2A2;
    			  border-radius: 10px 10px 10px 10px;
    			  height: 150px;
    			  width: 150px;
				  }
				   
div#theWholePhotoUploadBox{border-bottom:1px solid #000000;
						   }				  
				  
span#uploadImageArea{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;	
					 font-size:32px;
					 color:#6a7bae;
					 opacity:0.4;
					 }				  
					 
span#selectingNewGuests{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
						font-size:14px;
						color:#6a7bae;
						margin:0px 0px 0px 0px;
						cursor:pointer;
						}
						
span#cancelMyNewGuests{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-size:14px;
					   color:#6a7bae;
					   margin:0px 0px 0px 0px;
					   cursor:pointer;
					   border-left:1px solid #6a7bae;
					   }						
						
span#selectingNewGuests:hover{font-size:15px;
							  }	
							  
span.anotherEventOption{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				        font-size:14px;
						color:#6a7bae;
						padding:0% 1% 0% 1%;
						}							  

div#selectGuestsPopOutDiv{/* height:800px; */
					      border-left:1px solid #a2a2a2;
						  border-top:1px solid #a2a2a2;
						  border-right:0px solid #a2a2a2;
						  border-bottom:0px solid #a2a2a2;
						  margin:3% 10% 0 30%;
					      position:absolute;
					      z-index:6;
					      background-color:#ffffff;
						  display:none;
						  box-shadow:0px 0px 20px #A2A2A2;
						  }
						  
div#selectGuestsBackGroundDim{position:absolute;
						      width:100%;
						      height:500%;
						      background-color:#ffffff;
						      opacity:0.8;
						      z-index: 5;
							  display:none;
						      }
							  
span#inviteYourFriends{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					   font-size:14px;
					   color:#6a7bae;
					   }	
					   
span#inviteYourFriendsButton{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					         font-size:14px;
					         color:#6a7bae;
					         }			
							 
input#theActualButtonInvite{border:none;
							background:transparent;
							color:#6a7bae;
							font-size:14px;
							cursor:pointer;
							}				
							
input#theActualButtonCancel{border:none;
							background:transparent;
							color:#6a7bae;
							font-size:14px;
							cursor:pointer;
							}							
							
input#theActualButtonInvite:hover{color:c3c9fd;
								  font-size:15px;
								  }							
					   
div#inviteYourFriendsArea{background-color:#c3c9fd;
					      border-bottom:0px solid #000000;
						  border-right:1px solid #a2a2a2;
						  padding:1% 1% 1% 1%;
					      }			
						  
div#inviteYourFriendsButtonArea{background-color:#c3c9fd;
					            border-bottom:1px solid #000000;
								border-right:1px solid #a2a2a2;
						        padding:1% 1% 1% 1%;
								text-align:right;
					            }									  
						  
input#newEventSearchFriends{width:700px;
							border-left:0px solid #000000;
							border-right:1px solid #a2a2a2;
							font-size: 13px;
							margin: 0px 0px 0px 0px;
							padding: 7px 7px 7px 7px;
							}						  
							
div#categoryHour{width:99%;
				 }				
				 
ul.eventFriendList{list-style:none;
				   list-style-type:none;
				   padding:0px 0px 0px 0px;
				   margin:4px 0px 0px 0px;
				   }				 
	
li#eventUserMetaDataName{color:#6a7bae;
						 margin:0px 0px 10px 0px;
						 }
						 
.clickThisEvent{box-shadow:0px 0px 10px #999999 inset;
				border-bottom:1px solid #a2a2a2;
				border-right:1px solid #a2a2a2;
				cursor:pointer;
				}						 
	
td#tableDataForTheImage{width:0px;
						height:0px;
						}	
	
li#eventUserMetaDataMusic{color:#c3c9fd;
						  }
						  
span#addTheEventImage{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
				      font-size:14px;
					  color:#6a7bae;
					  padding:0px 0px 0px 0px;
					  cursor:pointer;
					  margin:0% 3% 0% 3%;
				      }						
					  
span#addTheEventImage:hover{color:#c3c9fd;

							}					  

li.eventUserMetaData{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					 font-size:14px;
					 text-align:left;
					 }				 
				 
div#theEventUsersImageArea{width:60px;
						   }
						   
img#theEventUsersImage{width:50px;
					   height:50px;
					   margin:5px 5px 5px 5px;
					   }				
					   
table.eventGuestListTable{border-bottom:1px solid #a2a2a2;
						  border-right:1px solid #a2a2a2;
						  cursor:pointer;
						  }					   
						  
table.eventGuestListTable:hover{background-color:#ffffff;
								opacity:1.0;
								box-shadow:0px 0px 20px #a2a2a2 inset;
							    }						
							
table#eventGuestListTable:active{box-shadow:0px 0px 10px #a2a2a2 inset;
								 }							
							
table#eventGuestListTable:active{background-color:#a2a2a2;
							     opacity:0.5;
							     }							
						  
td#tableDataforTheMetaData{width:150px;
						   }			
						   
input#theRadioEventButton{width:15px;
						  height:15px;
						  }				
						  
td#eventRadioArea{vertical-align:middle;
				  }					
				  
td.radioTheEvent{visibility:hidden;
				 }
				 
li#makeAnEventTitle{border-bottom:1px solid #a2a2a2;
					}
					
li#nameTheVenueNow{border-bottom:1px solid #a2a2a2;
				   }	
				   
li#pickAnEventTime{border-bottom: 1px solid #A2A2A2;
    			   height: 30px;
    			   padding: 0% 1% 1% 0%;
				   }					   
				 
div.eventOptionMask{background-color:#ffffff;
					}				 
					
a#anchorUploadTerms{font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
					font-size:13px;
					color:#999999;
					font-weight:normal;
					cursor:pointer;
					}		
					
a#anchorUploadTerms:hover{cursor:pointer;
						  color:#000000;
						  text-decoration:underline;
						  font-size:13px;
						  }					
						  
						  
.testingJ{font-size:60px;
		  }						  
						  
/*THE SCORE*/
table#scorefooteroptions{width: 280px;
							margin: 0px 0px 0px 100px;
							text-align: right;
						    }
							
table#soundscommentoption{width: 50px;
						     	 margin: 0px 0px 0px 0px;
						         }							

.user_comment{font-family:"Trebuchet MS", "Lucida Grande", century gohtic, Arial, Helvetica, sans-serif;
		      font-size:12px;
			  margin-top:6px;
		      line-height:26px;
			  margin-left:79px;
			  padding-right:5px;
			  margin-bottom:30px;
			  }				
			  
	table#shareForm{width: 100%;
					border-top: 1px solid #c9c9c9;
					border-bottom: 1px solid #c9c9c9;
					margin: 0px 0px 0px 0px;
					}
					
	tr#shareRow{width: 0px;
				height: 0px;
				}			
				
	td.shareParts{border: 0px solid #c9c9c9;
				  padding: 5px 5px 5px 12px;
				  width: 110px;
				  }			
				  
	a.shareButton{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				  font-size: 14px;
				  color:#8e8e8e;
				  cursor: pointer;
				  margin: 0px 0px 0px 16px;
				  }			  
		
	td#shareUploadImage{border-right: 1px solid #c9c9c9;
					   }	

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

	td#shareUploadVideo{
						    }
											
	a#clickForSongUpload{margin-left: 25px;
						 }

	a.shareButton:hover{color: #999999;
						}			
						
	input#inputButton{font-size: 14px;
					  color: #000000;
					  background-color: transparent;
					  border: 0px solid black;
					  width: 60px;
					  cursor: pointer;
					  margin: 0px 0px 0px 20px;
					  }	
					  
					  
	div#shareUpload{border-top: 1px dashed #8e8e8e;
					/* display:none; */
					}							  
			
	div#inputField{width: 450px;
				   }		
	
	input#publishAnImage{float: left;
						 						 }
						 
	input#publishAvideo{float: left;
						}
						 
	input#publishaSong{float: left;
					   }
	
	span.uploadPublish{font-family: "Trebuchet MS", "lucida grande", Arial, Helvetica, sans-serif;
					   font-size: 14px;
					   color: #999999;
					   padding: 0px 0px 0px 10px;
					   }			   
			

div#soundsAreaBackground{position: absolute;
						 margin: -30px 0px 0px 0px;
						 }

/* THE SCORE */			  
						  
****************/*
THIS IS FOR THE VIDEO SECTION OF THE WEBSITE */****************
						  
div#videoBox{border:2px solid #dd0000;
			 font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			 background-color:#6a7bae;
			 }