body { background:#fff;}
.b-header .signup-text { color:#666; font-size:80%; padding: 5px 0;}
.b-header .menu .sel a { color:#000 !important; text-decoration:underline; cursor:pointer; cursor:hand;}
.b-header .user { width:20%; float:right; margin: 10px; }
.b-header .user .pic  { float:left; margin:0 5px; border:1px solid #ccc;}
.b-header .user .pic img { display:block; margin:1px;}
.b-header .user .name    { margin: 3px 0; font-size:90%;}
.b-header .user .score   { margin: 3px 0; font-size:80%;}
.b-header .user .xp      { color: #999;}

.l-people-content { width:100%;}
.l-people-content .pc-l { width:70%;}
.l-people-content .pc-r { width:30%;}


.b-person-me { margin: 20px 100px 20px; 
    padding-left:120px;
    background: url(/static/images/colors/green-small.png) no-repeat;
    }
.b-person-me h2 { clear:inherit; margin:0; color:#4c4;}
.b-person-me h2 b { color:#000; font-weight:normal;}
.b-person-me .text { font-size:90%; line-height:1.4em; margin: 5px 0;}
.b-person-me h2 a:link, .b-person-me h2 a:visited { color:#4c4 }

.b-person-messages { margin: 0px 100px 40px 100px;}
.b-person-profile-form { margin: 0px 10px 20px 100px; padding-left:120px;}
.b-person-profile-form .one { margin:20px 0;}
.b-person-profile-form .one textarea { width:400px; }
.b-person-profile-form .one h2 { margin:0 0 5px;}
.b-person-profile-form .one .more { color:#666; font-size:80%; line-height:1.4em; width:320px; padding:5px 0 5px 10px;}
.b-person-profile-form .submit { margin: 20px 0 }

.b-achievements-skills-none { font-size:90%; color:#999; margin: 5px 0;}
.b-achievements-skills { margin: 10px 0;}
.b-achievements-skills .l-skills { width:100%; }
.b-achievements-skills .l-skills .skill-td { width:100%;}
.b-achievements-skills .skill-name { font-size:80%; text-align:right; vertical-align:middle; white-space:nowrap;}
.b-achievements-skills .skill-name a:link,
.b-achievements-skills .skill-name a:visited { color:#666;}
.b-achievements-skills .skill-border { float:left; border:1px solid #bbf; padding:1px; margin:5px 2px 5px 5px;}
.b-achievements-skills .skill-value { background:#bbf; height:.75em;}
.b-achievements-skills .skill-points { font:70% Verdana, Arial, sans-serif; color:#bbf; margin:5px 0 0;}
.b-achievements-medals { margin:10px 20px;}
.b-achievements-medals .one { float:left; margin-right:10px;}
.b-achievements-medals .one td { vertical-align:middle; }
.b-achievements-medals .one td.tt { width:120px; }
.b-achievements-medals .one td.tt .ttt { width:120px; height:3em; overflow:hidden; }
.b-achievements-medals .one .img { float:left; padding:0 }
.b-achievements-medals .one .subtitle { font-size:80%; color:#999;}
.b-achievements-medals .one .title { font-size:90%; font-weight:bold; }
.b-achievements-medals .one .title a:link,
.b-achievements-medals .one .title a:visited { color: #494;}

.b-person-info { margin-top:20px }
.b-person-info h1 { clear:inherit; margin-top:0;}
.b-person-info .pic  { float:left; margin:0 5px; border:1px solid #ccc;}
.b-person-info .pic img { display:block; margin:1px;}
.b-person-info h1 { float:left;}
.b-person-info .rank { float:left; color:#999; margin: 0 0 0 -.5em; }
.b-person-info .xp   { color:#999; font: 13px Arial, sans-serif;  }
.b-person-info .rank-xp { float:left;  }
.l-person-info { width:100%; }
.l-person-info .l { width:50px; padding-left:20px;}
.l-person-info .r { width:100%; padding-left:20px;}
.l-person-deck .r { width:100%;}
.l-person-deck .br { height:1px; margin-bottom:-1px; width:250px;}
.b-person-deck { background:#444; }
.b-person-deck .deck { padding: 0px 1.75em 10px 10px }
.b-person-deck .deck-more { font-size:90%; padding: 0px 20px 10px }
.b-person-deck .deck-title { color:#bbf; margin: 0 20px;}
.b-person-deck .deck-help { font-size:80%; color:#999; margin: 5px 20px;}
.b-person-deck .deck-more a:link,
.b-person-deck .deck-more a:visited,
.b-person-deck .deck-title a:link,
.b-person-deck .deck-title a:visited { color:#fff; }
.b-person-deck .deck-more a:hover,
.b-person-deck .deck-more a:active,
.b-person-deck .deck-title a:hover,
.b-person-deck .deck-title a:active { color:#f99 !important; }

.b-person-menu { margin: 0 20px 20px 30px; font-size:90%;}
.b-person-menu .one { float:left; padding:5px 10px;}
.b-person-menu .sel { background:#bbf; }
.b-person-menu .sel a { text-decoration:none !important; color:#449; }
.b-person-about { margin: -20px 20px 20px 30px; }
.b-person-about .text { margin: 10px 0 20px; font-size:90%; line-height:1.4em;}

.b-activity-page-field { background:#444 }

.b-person-games { margin-top:2.2em; }
.b-person-games .games-title { color:#999; margin-bottom:10px;}
.b-person-games .games-title span { color:#000;}
.b-person-games .one h2 { margin:0 }
.b-person-games .one h2 small { font: 13px Arial; color:#999; }
.b-person-games .one { margin: 1em 0 }
.b-person-games .one .games-text { font-size:80%; color:#999; padding:2px 10px 2px 20px;  }
.b-person-games .one .more { font-size:80%; color:#999; padding:2px 10px 2px 20px;  }
.b-person-games .one .more a:link,
.b-person-games .one .more a:visited { color:#000;}

.b-person-left { margin: 0 0 0 40px;}    
.b-person-left .one-card { margin: 0 1em 0 0; float:left;}