/* 
   ----------------------------------------------------------------------------------------------
   This stylesheet is reserved for mySBD pages. 

   Rules:
   Use unique ID's to cascade your styles, in order to prevent conflicts.
   Do not use ID's (#) on repeated elements - those should be classes (.).
   Only use simple class names for inherited classes (ex: .inner should never be top level).
   
   Important:
   Always, always, always identify and differentiate your code using indentations and comments. 
   It is extrememly important for ease of use & future updates to have clean, well-commented css.
   ----------------------------------------------------------------------------------------------
*/ 

/* Content Templates ************************************************************* */

    /* General Linklists */
    .listitem {padding:0 0 15px; _padding:0;}
    .catitem {padding:0 0 10px;}
    .listimage {float:left;margin:2px 0 -2px;}
    .listtext {float:left;}
    .listtext p {margin:5px 0}
    
    /* Specific Page Overrides Image for Linklists */
    #Col1 .listtext {width:370px}
    #Col1 #SubCol1 .listtext {width:auto;}
    #Homepage #Col2 .listtext {width:510px}
    #Homepage #SubCol2 h5 {font-size:14px}
    #Homepage #SubCol2 .listtext {width:190px}



/* Reusable Code ***************************************************************** */

    /* Avatar List (Thumbnails) */ 
    .AvatarList {width:auto;text-align:center;}
    .AvatarList .container {width:75px;overflow:hidden;float:left;text-align:center;margin:0 0 10px;}
    .AvatarList .thumbnail {margin:0;}
    .AvatarList .username {font:normal 11px arial;display:block;height:15px;}
    /* Specific Page Overrides */
    #PublicProfile .AvatarList .container {width:74px;}
    
    #FindBeachBuddies .AvatarList {width:auto;text-align:center;}
    #FindBeachBuddies .AvatarList .container {width:70px;height:80px;margin:5px 0 10px 0;}
    #FindBeachBuddies img.thumbnail, .thumbnail img {border:1px solid #FACF5B !important;height:58px;width:58px;}
    
    #FindBeachBuddiesDetail .AvatarList {width:auto;text-align:center;}
    #FindBeachBuddiesDetail .AvatarList .container {width:137px; margin:0 0 30px;}
    #FindBeachBuddiesDetail .AvatarList .username {font:bold 14px arial; color:#008196;}
    #FindBeachBuddiesDetail img.thumbnail, .thumbnail img {border:1px solid #FACF5B !important;height:58px;width:58px;}
    
    
    
    /* Comment Wall */
    #CommentWall {font:normal 12px arial}
    #CommentWall .userinfo {margin:0 0 5px}
    #CommentWall .comment {margin:0 0 10px}
    #CommentWall .comment p {margin:5px 0;padding:0}
    #CommentWall .interact {margin:0 0 20px}



/* Specific Pages **************************************************************** */

    /* Manage Profile */
    #manageprofile .textarea{width:440px;border: 1px solid #9FA6AE;overflow:auto;font:normal 12px/16px arial;}
    #manageprofile #photoleft{float: left;width:230px; }
    #manageprofile #photoleft a{color: #729CC4; font-weight:bold;}
    #manageprofile #photoright{float: left;width:255px; text-align:center;}
    #manageprofile #filesize{font-size:11px;line-height: 12px;}
    #manageprofile .hrcontainer{float:left;margin-top: 4px;width:236px;}
    #manageprofile #hrmiddle{float:left;font-weight: bold;margin:0 5px;color:#C7C7C7;}

    /* Interstitial */
    #interstitial  {height:405px;}
    #interstitial .copyleft {width:500px;}
    #interstitial .btn_update {background-color:#D34C54; border-color:#B31E42;}
    
	/* Comment Wall */

	#messaging .addcommentlabel{float:left; width:125px;}
	#messaging .addcommenttext{float:left; width:463px;}
	#messaging .avatarContainer{float:left; }	
	#messaging .comment{float:left; width:500px; padding-top:5px;overflow:hidden;}
	#messaging .comment object, #messaging .comment embed {overflow:hidden;}
	#messaging .usersaid{float:left; width:260px;}
	#messaging .deletelink{float:right; width:250px; text-align: right;}
	#messaging .commentblock{padding:7px 0 7px 0;}
	#messaging .pager{width:600px;_width:600px; padding-top:10px;}
	#messaging .displaying {width:220px;}
 	#messaging .pagenum { width:190px;  text-align:center; }
	#messaging .prevnext { width:150px;text-align:right; }
	#messaging .largeavatar {width:118px; margin:0 0 10px;border:#FACF5B solid 1px;}
	.divider{overflow:hidden; border-top:1px solid #E6E5E5; height:1px; width:auto;}
		
	
	
	#allFriends .friendsContainer {width:191px; height:104px; border:1px solid #E5F2F4; margin:0 15px 15px 0;}
	#allFriends .friendsSubContainer {padding:5px; }
	#allFriends .thumb {width:60px; height:60px;}
	#allFriends .useridContainer {padding-bottom:12px;}
	#allFriends .largeavatar {width:118px; margin:0 0 10px;border:#FACF5B solid 1px;}
	#allFriends .displaying {width:220px;}
	#allFriends .prevnext { width:150px;text-align:right; }
	#allFriends .pagenum { width:190px;  text-align:center; }
	#allFriends .pager{width:600px;_width: 600px; padding-top:10px;}
	.maroon{color:#B11540 !important;} 
	
	
	/* Popup */
	
	#PopupContainer {width:600px; border:1px solid #CCEFF3; text-align:left;}
	#PopupContainer .pophdr{padding:2px 2px 0 3px;}