/*** New CSS for Wall Street Survivor V2
     2008 Marjorie Lazaro
**************** PROFILE *********************************/

/* PUBLIC profile pages *************************************/
.profile { width: 600px }
.profile-info { width: 600px }

.profile-info .avatar { float: left; width: 68px; height: 68px }

.profile-info .profile-member { float: left; width: 320px; height: 68px; padding: 0 0 0 10px }

.profile-member strong, .profile-member-private strong { color: #000; font-size: 2em; line-height: 1em }
.profile-member .place, .profile-member-private .place { color: #999;  font-size: 1.4em; line-height: 1.9em; font-weight: bold; margin-right: 10px }


/* public profile */
#dContest, #dPermPortfolio { height: 400px }
/* hack IE7 */ *:first-child+html #dContest { height: 480px }  
/* hack IE7 */ *:first-child+html #dPermPortfolio { height: 430px }
 
.portfolio_performance { width: 400px; height: 25px; padding-top: 10px; font-size: 18px }
.portfolio_performance .title { font-weight: bold }
.portfolio_performance .value { float: right; width: 180px; margin-left: 80px }
.portfolio_performance .value span { text-align: right; padding: 0 0 0 15px; margin-left: 10px; width: 90px }

.portfolioPerformance-col1 h2, .portfolioPerformance-col2 h2 { margin-bottom: 5px }
.portfolioPerformance-col1 { margin-top: 15px }
.portfolioPerformance-col1 b { width: 150px; float: left; font-weight: normal }
.portfolioPerformance-col1 a { width: 50px; float: left; font-weight: bold }
.portfolioPerformance-col1 span { width: 50px; float: left; padding: 0 20px; font-weight: bold }

.portfolioPerformance-col2 .title { float: left; width: 105px; text-align: right; color: #666 }
.portfolioPerformance-col2 .content { float: left; width: 85px; text-align: right; font-weight: bold; padding-right: 5px }

.portfolioPerformance-col1 span.loss { background-position: 0 4px }
.portfolioPerformance-col1 span.gain { background-position: 0 4px }

.portfolioPerformance-col2 span.loss { background-position: 30px 8px }
.portfolioPerformance-col2 span.gain { background-position: 30px 8px }

.portfolio_performance span.loss { background-position: 0 8px }
.portfolio_performance span.gain { background-position: 0 8px }

span.gain { color: #00cc33; background: url(../Images/rank_gain_arrow.gif) no-repeat }
span.loss { color: #ff0000; background: url(../Images/rank_loss_arrow.gif) no-repeat }

.profile-portfolio { width: 980px }

.profile_portfolio_graph { float: left }
img.profile_portfolio_graph { width: 480px; height: 200px }

.profile_portfolio_resume { clear: left; margin-top: 15px; width: 350px; font-weight: bold }
/* hack IE7 */ *:first-child+html .profile_portfolio_resume { width: 360px; margin-top: 10px } 

.profile_portfolio_resume tr td { line-height: 24px; border-bottom: 1px solid #999 }


/**** USER CONTEST VALUES ********/
.contest_values { width: 270px; float: left; font-weight: bold; font-size: 12px }
.contest_values p { font-size: 10px; padding: 10px; color: #0033ff }

.contest_values .title { float: left; text-align: left; width: 100px; color: #000; padding-left: 10px }
.contest_values .value { float: right; text-align: right; padding-right: 10px; color: #999; font-size: 11px; font-weight: normal }

.contest_values b.rank-value { font-size: 15px; color: #3366cc }
.contest_values .portfolio-value { width: 100px; padding: 0; color: #ccc; font-size: 15px }
.contest_values b.portfolio-value { font-size: 15px; color: #3366cc }

.contest_values .portfolio-value-loss { color: #ff0000; font-size: 15px }
.contest_values .portfolio-value-gain { color: #00cc33; font-size: 15px }

.contest_values div.other-values { clear: left; width: 170px }
*html div.other-values { margin-top: -30px } /* hack IE6 */
*html .marg-top-minus10 { margin-top: -10px } /* hack IE6 */
*html .marg-top-minus25 { margin-top: -25px } /* hack IE6 */
*html .marg-top-minus30 { margin-top: -30px } /* hack IE6 */

.portfolio-perf {width: 400px; float: left; border-left: 1px solid #ccc; margin-top: -1px }

/* 2 cols above profile info and profile portfolio *************************/
.profile-content-left { width: 300px; float: left }

.profile-content-right { width: 500px; float: left; margin: 0; padding: 0 0 0 20px }
*:first-child+html .profile-content-right { width: 510px }  /* hack IE7 */
*html .profile-content-right { width: 480px } /* hack IE6 */

.box-links { float: right }
.box-links a { float: left; font-size: 1.2em; font-weight: bold; margin-left: 10px }

/** NEED TO CHANGE, no table, ul li **/
.profile_recent_forum { width: 300px; font-size: 0.9em; float: left }
.profile_recent_forum tr td { padding: 10px 5px }
.profile_recent_forum tr td a { font-size: 1.3em; font-weight: bold }
.profile_recent_forum tr td a.more { font-size: 1.1em; font-weight: normal }
/** NEED TO CHANGE, no table, ul li **/


/* guestbook */
.guestbook { margin: -10px 10px 0 0; padding: 0 }

.guestbook li {
  clear: left;
  width: 500px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 1em;
  list-style-type: none;
  border-bottom: 1px solid #ccc
}
/* hack IE6 */ *html .guestbook li { width: 480px }
  

.guestbook li img.avatar { float: left; width: 35px; height: 35px; margin: 10px 6px 0 10px }

.guestbook li .table {
  width: 420px;
  display: table;
  height: 100%;
  font-size: 1em;
  margin-top: 10px
}
.guestbook li .table strong, .table span { font-size: 1em }
.guestbook li .table p { width: 462px; margin: 3px 0; padding: 0; color: #000; font-size: 1.2em; line-height: 1.4em }
/* hack  IE7 */ *:first-child+html .guestbook li .table p { width: 430px }

.guestbook li .table .date { display: block; font-size: 0.9em; color: #8c8c8c; margin-bottom: 10px }




/* PRIVATE PROFILE MEMBER *****************/
.profile-info .profile-member-private { float: left; width: 700px; height: 97px; background-color: #ffffcc; padding: 15px }
.ico { position: relative; top: 3px }

/* traderoll ***/
.member-traderoll, .member-forum-post { float: left; width: 300px }

.traderoll { margin-top: 5px }
*:first-child+html .traderoll { margin-top: 0 }  /* hack  IE7 */

.traderoll .date { font-size: 0.8em; }
.traderoll li.alt { background-color: #f3fbfe; border-bottom: 1px solid #c2c9cb; border-top: 1px solid #c2c9cb }
.traderoll img.avatar { width: 30px; height: 30px; margin-right: 5px }
.traderoll table { width: 300px; }
.traderoll table tr { height: 15px; }
.traderoll li { height: 42px; }
.traderoll .username { float: left; width: 100px }
.traderoll .pad-left-26 { clear: none; padding-left: 15px; float: left; width: 90px }
.traderoll .pad-left-26 span { float: left; width: 60px; padding: 0 }
.traderoll .pad-left-26 img { float: left; width: 15px; padding: 0 0 0 5px }

/* my forum posts */
.profile_my_forum_post { width: 300px; font-size: 1em; padding-left: 10px }
.profile_my_forum_post li { padding: 9px 5px; list-style-type: none }
*:first-child+html .profile_my_forum_post li { padding: 10px 5px }  /* hack  IE7 */

.profile_my_forum_post li a { font-weight: bold; }

.page a { font-size: 1em; line-height: 1.9em; margin-left: 5px; }

.member-forum-post { margin-left: 30px; }

/* new buddy **/
.become_buddy_request { width: 300px; background-color: #ffff00; padding: 5px; }
.become_buddy_request .avatar { width: 48px; height: 48px; }
.buddy_action { float: right; margin-top: 5px; height: 20px; background: url(/Images/bg_buddies_action.jpg) repeat-x 0 0; }
.buddy_action li, .guestbook_action li { display: inline; padding: 0 5px; }
.buddy_action li a, .guestbook_action li a { color: #000; text-decoration: none; }
.buddy_action li.border, .guestbook_action li.border { border-right: 1px dotted #000; }

/* new comment **/
.guestbook_action { float: right; margin-top: -4px; }
.guestbook_new { height: 25px; margin: 0; padding: 10px; background: url(/Images/bg_guestbook_comment.jpg) repeat-x 0 0; }
.guestbook_new span { float: left; width: 100px; color: #a00f0f; font-style: normal; font-weight: bold; }
.guestbook .new { display: block; height: 100%; background-color: #ffebeb; }

/* personal information ************/
h2.perso-info-tit { display: inline; margin-right: 15px; color: #0066ff; font-weight: bold; font-size: 1.6em; background: none }
.profile-perso-info .avatar { width: 127px; width: 127px }
.profile-perso-info label { margin-bottom: 15px }
.profile-perso-info input, .profile-perso-info select { margin-right: 15px }
.profile-perso-info span.radio input { margin-right: 5px; position: relative; top: 2px }
.profile-perso-info span.radio { margin-right: 10px }
.col1-perso-info { float: left; width: 120px; text-align: right; margin-right: 10px; line-height: 22px }
.col2-perso-info { text-align: right; margin-right: 10px; position: relative; top: -2px }
.col3-perso-info { text-align: right; margin-right: 10px; position: relative; top: -2px }
.col-public-perso-info { float: left; width: 160px; text-align: right; margin-right: 10px }
.col-public-perso-info em { font-size: 0.9em; font-weight: normal }
.profile-perso-info .mandatory { font-weight: bold }
.password { float: left; width: 120px; text-align: right; margin-right: 10px; line-height: 22px }

/* edit profile */
.emailnotifications { margin-left: 15px }
.emailnotifications label { font-weight: bold }
.emailnotifications table { margin-left: 109px }
/* hack  IE7 */ *:first-child+html .emailnotifications table { margin-left: 106px }
.emailnotifications table tr td label { font-weight: normal }


/******* TABS Profile ***************/
.wrapper_tabs_profile { border-bottom: 1px solid #999; padding: 14px 0 0 10px; width: 670px; height: 26px; background: #fff url(../Images/bg_tabs.jpg) 0 0 repeat-y }
.tabs_profile { list-style: none  }
/* hack IE7 */ *:first-child+htm0l .tabs_profile { clear: left; margin-top: 14px }

ul.tabs_profile li { height: 27px; line-height: 27px }

ul.tabs_profile a {
    background-image: none;
    text-decoration: none;
    padding-left: 8px;
    font-size: 1em;
    color: #0033ff;
    font-weight: bold
}

ul.tabs_profile li a { background-image: none; padding-right: 8px }
ul.tabs_profile a, ul.tabs_profile li a { display: block; float: left }

ul.tabs_profile li.active { border-bottom: 1px solid #fff; background: #fff url(/Images/tab-lead-left.gif) left top no-repeat }
ul.tabs_profile li.active a { background: url(/Images/tab-lead-right.gif) right top no-repeat }
/* hack IE7 */ *:first-child+html ul.tabs_profile li.active a { padding-bottom: -1px }

ul.tabs_profile { list-style: none; padding: 0; margin: 0 }
ul.tabs_profile li { float: left; display: block; margin: 0; padding: 0 }