/*** New CSS for Wall Street Survivor - MSN BLOGGER 
     2009 Marjorie Lazaro
**************** USER INFO BOX *********************************/

.txt-positive, a.txt-positive { color: #1f9709 }
.txt-negative, a.txt-negative { color: #a91d3a }


h2 { color: #494949; background: none }

.msnLogo { margin-top: -20px; border-bottom: 1px solid #cbcbcb }
.layout-3cols-01 { float: left; width: 190px }
.layout-3cols-02 { float: left; width: 495px; margin: 0 10px }
/* IE6 */ *html .layout-3cols-02 { margin-right: 6px }
.layout-3cols-03 { float: left; width: 300px }

.left-box { float: left; width: 740px; border: 0 }

/* User info box */
.msnUserInfo .playerHeader { margin-top: 1px; height: 27px; width: 700px; border-bottom: 1px solid #cbcbcb }
.msnUserInfo .playerHeader h2 { border: 0; float: left; width: 240px; padding-right: 15px; color: #2b2b2b }
.msnUserInfo .playerHeader div { float: right; width: 395px; padding: 6px 5px 5px; background-color: #ffffc7; color: #0632ff; font-weight: bold; margin-top: -1px }
/* IE7 */ *:first-child+html .msnUserInfo .playerHeader div { float: left; width: 380px }
.msnUserInfo .playerHeader div a { text-decoration: none }

.msnUserInfo .playerDatas { clear: left; padding-top: 12px }
.msnUserInfo .playerDatas .avatar { float: left; width: 80px; height: 80px; border: 1px solid #979797; margin-right: 10px }    
.msnUserInfo .playerDatas .return { float: left; padding: 14px 15px 0 0; width: 150px; height: 42px; border-right: 1px solid #979797 }
.msnUserInfo .playerDatas .return .title { float: left; width: 100px; color: #3f3f3f; font-size: 10px; margin-top: 2px }
.msnUserInfo .playerDatas .return .value { float: left; width: 50px; font-size: 10px; text-align: right; margin-top: 2px }

.msnUserInfo .vs { float: left; width: 80px; height: 56px; margin: 0 15px; border-right: 1px solid #979797 }
.msnUserInfo .vs.margin { margin: 0 }
.msnUserInfo .vs .title { width: 80px; font-size: 12px; font-size: bold }
.msnUserInfo .vs .value { float: left; text-align: right; width: 70px; font-size: 10px; margin-top: 2px }

.msnUserInfo .playerPortfolio { float: left; width: 200px; height: 56px; margin: 0 15px }
.msnUserInfo .playerPortfolio b { font-weight: bold; color: #005ca7; font-size: 18px }
.msnUserInfo .playerPortfolio .title { width: 200px; font-size: 12px }
.msnUserInfo .playerPortfolio .totalValue { float: left; width: 120px; font-size: 12px; font-weight: bold; margin-top: 3px }
.msnUserInfo .playerPortfolio .restValue { float: left; width: 80px; font-size: 12px; margin-top: 3px; padding-top: 2px }

.msnUserInfo .register { float: right; width: 300px; height: 95px }
.msnUserInfo .register img { padding-top: 10px }
.msnUserInfo .register div { float: left; color: #009900; font-size: 16px; font-weight: bold; text-align: center; margin-right: 15px }
.msnUserInfo .register .msnJoin { margin-top: 20px; padding: 15px 0 0 50px }
.msnUserInfo .register .msnRegister { margin-top: 20px; padding: 10px 0 0 }
.msnUserInfo .register .msnMember { margin-top: 20px; text-align: left; padding: 25px 0 0; color: #000; font-size: 11px }
/* IE7 */ 
*:first-child+html .register { width: 270px }
*:first-child+html .msnUserInfo .register .msnJoin { padding-left: 40px; margin: 0 }
*:first-child+html .msnUserInfo .register .msnRegister, 
*:first-child+html .msnUserInfo .register .msnMember { margin: 0 }
.msnUserInfo .register .msnMember img { margin: 0; padding: 0 5px 0 0 } 
.msnUserInfo .register .msnMember a:link, .msnUserInfo .register .msnMember a:visited, .msnUserInfo .register .msnMember a:active { display: block; width: 300px; margin-top: 10px; font-size: 16px }

/* Motley control */
.motley { float: right; width: 298px; margin-left: 15px }
/* SAF */ html* .motley { margin-left: 0 }
/* IE6 */ *html .motley { margin-left: 0 }
.motley .links { color: #000; font-size: 10px; height: 50px; padding: 18px 0 0 110px; background: #fff url(../../Images/msn_bg_links.jpg) 0 0 no-repeat }
.motley .links a { font-size: 10px } 
.motley .links .sep { height: 10px }
.motley .discussion { height: 25px; padding: 10px 0 0 54px; background: #fff url(../../Images/msn_bg_discussion.jpg) 0 0 no-repeat; border-top: 1px solid #999 }
.motley .bullish, .motley .bearish  { padding: 15px 0 0 25px; height: 150px; min-height: 150px }
.motley .bullish { border-top: 1px solid #999; background: #fff url(../../Images/msn_bg_arrowUp.gif) 35px 70% no-repeat }
.motley .bearish { border-top: 1px solid #000; background: #fff url(../../Images/msn_bg_arrowDown.gif) 35px 70% no-repeat }

.motley .bullish h6 , .motley .bearish h6 { float: left; font-weight: bold; font-size: 14px; width: 80px }
.motley .bullish table.motleyDatas, .motley .bearish table.motleyDatas { float: left; width: 180px; margin-left: 10px  }
.motley .bullish table.motleyDatas tr th, .motley .bearish table.motleyDatas tr th { color: #666; font-size: 10px; text-transform: capitalize; text-align: left }
.motley .bullish table.motleyDatas tr td, .motley .bearish table.motleyDatas tr td { color: #0033ff; font-size: 10px; text-transform: capitalize }
.motley .bullish table.motleyDatas a:link, .motley .bearish table.motleyDatas a:link,
.motley .bullish table.motleyDatas a:visited, .motley .bearish table.motleyDatas a:visited,
.motley .bullish table.motleyDatas a:active, .motley .bearish table.motleyDatas a:active { text-decoration: none }
.motley .bullish table.motleyDatas a:hover, .motley .bearish table.motleyDatas a:hover { text-decoration: underline }

.motley .update { font-size: 11px; height: 24px; border-top: 1px solid #999; padding: 6px 0 0 15px; background: #fff url(../../Images/msn_bg_update.jpg) 0 0 repeat-x; font-style: italic }

/* Table */
.navigation-links { margin: 0 10px 0 0; font-size: 14px; padding: 10px 0 }
.navigation-links a { display: block; clear: left; font-size: 14px; margin-top: 5px; font-weight: bold }
.navigation-links a:link, .navigation-links a:visited, .navigation-links a:active { text-decoration: none }
.disclosure { margin: 10px 10px 0 0; border-top: 1px solid #ccc; padding: 10px 0 }
.disclosure img { position: relative; top: -5px }

/* leaderboard */
#leaderboard { height: auto; margin-bottom: 15px }
ul.tabs_leaderboard a { padding: 2px 0 2px 3px; border-bottom: 1px solid #fff; background: #fff url("../../Images/tab-lead-left.gif") left top no-repeat }
ul.tabs_leaderboard a span { padding: 2px 10px 2px 5px; background: url("../../Images/tab-lead-right.gif") right top no-repeat }
ul.tabs_leaderboard a.active { color: #fff; border-bottom: 1px solid #fff; background: #fff url("/../../Images/tab-lead-left-active.gif") left top no-repeat }
ul.tabs_leaderboard a.active span { color: #fff; background: url("../../Images/tab-lead-right-active.gif") right top no-repeat }
ul.tabs_leaderboard li { display: inline }
/* IE7 */ *:first-child+html ul.tabs_leaderboard a span { position: relative; top: -2px }

.leaderboard-title { color: #005ca7; font-weight: bold; font-size: 18px; padding: 20px 5px 10px; background: #fff url(../../Images/msnBgLeaderboardTitle.jpg) 0 0 repeat-x }

.popup { border: 1px solid #b6b6b6; width: 480px; height: 290px; padding: 20px }
.popup input { margin-top: 25px }
.popup p { padding: 10px 0 0 80px; line-height: 1.2em }
.popup p.big { font-size: 22px; font-weight: bold; line-height: 26px }
.popup.blue { background: #dffdff url(../../Images/msnIcoPlus.jpg) 20px 35px no-repeat }
.popup.yellow { background: #fefb86 url(../../Images/msnIcoExclaim.jpg) 20px 35px no-repeat }

table.datas.openPositions tr th, table.datas.openPositions tr td { font-size: 10px }

.headlines { width: 268px; height: 180px; padding: 80px 15px 0; background: #ccc url(/App_Themes/WSS/Images/phil-blog-rssfeed.jpg) 0 0 no-repeat }
.headlines ul li { margin-bottom: 10px }