/* 
   ----------------------------------------------------------------------------------
   This stylesheet is reserved for mySBD Profile Pages ONLY. 
   Do not put any other styles in here. Do not change any styles in here.
   ----------------------------------------------------------------------------------
*/ 

    #PublicProfile #QuickLinks .header {display:none;}

/* Promo ***************************************************************************** */
    /* This appears across the top of the Homepage. */
    #Promotional {width:930px;margin:0 auto 22px;/* ie6 hack */_margin:0 auto 14px;}
    #Promotional .background {background:#FDFDFF url('/sbd/images/pages/homepage/promo_top.gif') 0 0 no-repeat;margin:0 0 -8px}
    #Promotional .bottom {width:930px;height:7px;background:#FDFDFF url('/sbd/images/pages/homepage/promo_bottom.gif') 0 0 no-repeat;}
    #Promotional .inner {width:auto;padding:5px 0 0;margin:0 0 -2px;vertical-align:middle}
    #Promotional .promologo {float:left;margin:10px 0 0 10px}
    #Promotional .promotion {float:left;font:normal 12px arial;color:#000;padding:10px}
    #Promotional .promobutton {float:right;margin:0 5px 0 0;position:relative;top:1px;width:99px;height:33px;}
    

/* Profile Info ********************************************************************** */

    /* Module Structure ********************** */
    #ProfileInfo {width:330px;margin:0 0 15px}
    #ProfileInfo h1 {font:bold 20px arial;}
    #ProfileInfo h1 a, #ProfileInfo h1 a:visited, #ProfileInfo h1 a:hover {color:#000;text-decoration:none;}
    #ProfileInfo .inner {padding:10px 10px 3px;}
    #ProfileInfo .bottom {width:330px;height:7px;overflow:hidden;}
    /* Phase 1 */
    #Phase1 #ProfileInfo .background {background:url('/sbd/images/phases/profileinfo_phase1_bg.gif') 0 0 repeat-y;}
    #Phase1 #ProfileInfo .outer {background:url('/sbd/images/phases/profileinfo_phase1_top.gif') 0 0 no-repeat;}
    #Phase1 #ProfileInfo .bottom {background:url('/sbd/images/phases/profileinfo_phase1_bottom.gif') 0 0 no-repeat;}
    /* Phase 2 */
    #Phase2 #ProfileInfo .background {background:url('/sbd/images/phases/profileinfo_phase2_bg.gif') 0 0 repeat-y;}
    #Phase2 #ProfileInfo .outer {background:url('/sbd/images/phases/profileinfo_phase2_top.gif') 0 0 no-repeat;}
    #Phase2 #ProfileInfo .bottom {background:url('/sbd/images/phases/profileinfo_phase2_bottom.gif') 0 0 no-repeat;}
    /* Phase 3 */
    #Phase3 #ProfileInfo .background {background:url('/sbd/images/phases/profileinfo_phase3_bg.gif') 0 0 repeat-y;}
    #Phase3 #ProfileInfo .outer {background:url('/sbd/images/phases/profileinfo_phase3_top.gif') 0 0 no-repeat;}
    #Phase3 #ProfileInfo .bottom {background:url('/sbd/images/phases/profileinfo_phase3_bottom.gif') 0 0 no-repeat;}
    
    /* Info Section (Top) ******************** */
    #ProfileInfo .profileinfo {width:auto;height:170px;position:relative;border-bottom:#fff dotted 1px;margin:0 0 10px;}
    /* Avatar */
    #ProfileInfo .profileinfo .myavatar {width:120px;height:160px;overflow:hidden}
    #ProfileInfo .profileinfo .myavatar img {border:#FACF5B solid 1px;margin:0 auto;}
    /* Status */
    #ProfileInfo .profileinfo .mystatus {width:180px;overflow:hidden;/*word-wrap:break-word*/}
    #ProfileInfo .profileinfo .mystatus h3 {font:bold 14px arial}
    #ProfileInfo .profileinfo .mystatus .textbox {width:140px}
    /*#ProfileInfo #WhatIsThis {position:absolute;top:49px;left:230px;width:100px;z-index:1000;font:normal 11px arial;color:#333;padding:5px;}*/
    #ProfilePublic .masked .profileinfo #WhatIsThis {position:absolute;top:280px;left:450px;width:100px;z-index:1000;font:normal 11px arial;color:#333;padding:5px;}
    /* Links */
    #ProfileInfo .profileinfo .updatephoto {position:absolute;bottom:10px;}

    /* Beach Buddy Mail (Bottom) ************* */
    #NotificationLinks .action {font:bold 14px arial;}
    #NotificationLinks span, #NotificationLinks .links a, #NotificationLinks .links a:hover, #NotificationLinks .links a:visited {font:bold 12px arial;}
       
    /* Comment Wall */
    #Homepage #CommentWall .comment {width:290px;overflow:hidden;} /* Prevents user-entered content from breaking the module. */
    #Homepage #CommentWall object, #Homepage #CommentWall embed {width:290px !important;height:auto !important;overflow:hidden;} /* This resizes large flash movies to work in the smaller window. */
    
/* Today On The Beach **************************************************************** */    

    /* Announcement ************************** */
    #Announcement {width:auto;background:#fff url('/sbd/images/modules/soft_bg.gif') 0 50% repeat-x;margin:0;padding:10px 10px 20px;font:normal 12px/16px arial;}
    #Announcement img {margin:0 0 0 10px;}
    
    /* Today on the Beach ******************** */
    #TodayOnTheBeach {border-bottom:#B4B4B4 dotted 1px;margin:0 0 15px;}
    #TodayOnTheBeach .inner {margin-left:10px;}
    
    #TodayOnTheBeach h2 {font:normal 24px arial;color:#00A3B4;margin:0 0 10px;padding:0}
    #TodayOnTheBeach h2 span {font-weight:normal;color:#E67D62}
    a.action h2 {font-size:24px;font-weight:normal;color:#008196;text-decoration:underline;}
    /* Image Link Lists */
    #TodayOnTheBeach .linklist {margin:0 0 10px}
    #TodayOnTheBeach .listtext {margin:0 0 10px; width:515px;}
    #TodayOnTheBeach .listitem {margin:0;padding:0;}
    #TodayOnTheBeach .linklist h5 {margin:0 0 5px}
    #TodayOnTheBeach .linklist img {float:left}
    #TodayOnTheBeach .linklist .content {float:left;}
    
    #HomepageTip img.thumbnail {background:#fff url('http://images.agoramedia.com/sbd/gcms/homepage_todaystip_default_th.gif') 0 0 no-repeat;}
    #HomepageDish img.thumbnail {background:#fff url('http://images.agoramedia.com/sbd/gcms/homepage_dailydish_default_th.gif') 0 0 no-repeat;}
    #HomepageRecipe img.thumbnail {background:#fff url('http://images.agoramedia.com/sbd/gcms/homepage_recipe_default_th.gif') 0 0 no-repeat;}
    #HomepageRandom img.thumbnail {background:#fff url('http://images.agoramedia.com/sbd/gcms/homepage_random_default_th.gif') 0 0 no-repeat;}
    
    #HomepageDish .listtext p, #HomepageDish .listtext span {display:inline !important;margin:0;padding:0;}

/* Public Profile ******************************************************************** */
    #PublicProfile h1 {font:bold 20px arial;color:#000;}
    #PublicProfile h1 div {display:inline}
    #PublicProfile h1 span {font:normal 14px arial;color:#000;}
    #PublicProfile #Col2 .stacked .container {width:auto;border-bottom:#B3B3B3 dotted 1px;padding:0 0 10px;margin:0 0 10px;}
    #PublicProfile .reportprofile {position:absolute;top:6px;right:0;}
    
    #ctl01_ctl00_pnlOnYourMind,#ctl01_ctl00_upnlOnYourMind {display:inline;width:200px;}
    #ctl01_ctl00_TodayMealPlanHome1_rptMealTypeHome td {width:260px;padding:0 30px 10px 0;vertical-align:top;}
    
    /* State of Mind */
    #PublicInfo .stateofmind {width:405px;overflow:hidden;/*word-wrap:break-word;*/}
    #PublicInfo .stateofmind h3 {font:bold 12px arial;color:#B11540;display:inline;margin:0 5px 0 0;white-space:nowrap;}
    #PublicInfo #WhatIsThis {position:absolute;top:25px;left:120px;width:100px;z-index:1000;font:normal 11px arial;color:#333;padding:5px;}
    
    .PublicAvatar {height:240px;width:180px;overflow:hidden;margin:0 10px 0 0;}
    .PublicAvatar img {border:#FACF5B solid 1px;margin:0 auto;}
    #PublicInfo {width:405px;}
    
    .masked .profileinfo .infostatus {width:430px;float:left;border-right:dotted 1px #FFFFFF;}
    .masked .profileinfo .infostatus .myavatar img {margin:0 12px 4px 0;}
    .masked .profileinfo .infostatus h1 {font-family:arial;font-weight:bold;line-height:16px;font-size:18px;}
    .masked .profileinfo .infostatus h1 a {font-family:arial;font-weight:bold;line-height:16px;font-size:18px;color:#000;text-decoration:none;text-transform:capitalize;}
    .masked .profileinfo .infostatus h3 {font-family:arial;font-weight:bold;line-height:16px;font-size:14px;}
    .masked .profileinfo .updatephoto {background:url('/sbd/images/modules/mask_bg_sbdPalm.gif') no-repeat 0 0 scroll;width:160px;}
  
    /* Tabbed Module */
    #AboutMeTabs .TabContent {padding:0;}
    #AboutMeTabs .TabContent .scroll {padding:10px;width:auto;height:63px;overflow:auto;}
    
    /* Comment Wall */
    #PublicProfile #CommentWall .container {width:593px;overflow:hidden;} /* Prevents user-entered content from breaking the module. */
    #PublicProfile #CommentWall .thumbnail {float:left;}
    #PublicProfile #CommentWall .usercontainer {float:left;width:523px;overflow:hidden;}
    
    /* Protect Module Width from User-Entered Content */
    #PublicProfile #Col1 .protectwidth {width:593px;overflow:hidden;/*word-wrap: break-word;*/}
    #PublicProfile #Col2 .protectwidth {width:278px;overflow:hidden;/*word-wrap: break-word;*/}
    
    /* Widget */
   #PublicInfo #WhatIsWidget {position:absolute;top:350px;left:8px;width:200px;z-index:1000;font:normal 11px arial;color:#333;padding:5px;}
   #PublicProfile .whatiswidget {position:relative; top:-1px; margin-left:2px; display:inline;}