/* Member Overlay */
.memOverlay { width:360px;}
.memOverlay .memCol { float:left; width:262px;}
.memOverlay .memCol.first { margin-right:20px; width:74px;}
.memOverlay .memCol.first img { margin-bottom:7px; width:74px; height:74px;}
.memOverlay dl { margin-bottom:10px;}
.memOverlay dt { margin:0 0 8px; font-weight:normal;}
.memOverlay dd { font-size:92.5%;}
.memOverlay .memContributions { margin-bottom:8px;}
.memOverlay .memHdr { margin-bottom:4px;}
.memOverlay .memCounts { padding-right:8px; margin-right:8px; float:left;}
.memOverlay .memCounts.bdr { border-right:1px solid #434343;}
.memOverlay .aboutMem b { margin-right:6px;}
.memOverlay .aboutMem li { margin-bottom:3px;}
.memOverlay .seeCiv { margin:8px 0;}
.memOverlay .userTools.inline.mo { height:100%; overflow:hidden; padding:6px 0 0 0; border:solid #c0d0a1; border-width:1px 0 0; clear:both;}
.memOverlay .userTools.inline.mo li { padding:0 0 0 20px; margin:0; border:none;}
.memOverlay .userTools.inline.mo li.first {  width:auto; padding-left:94px;}
.memOverlay .message {margin-right:10px;padding-left:10px;position:absolute;width:280px;}
.memOverlay a.localpick{position:absolute;margin-top:55px;margin-left:10px;}


/* 'simple member overlay' specific styles
   ----------------------------------------------------------------------------------------- */
.memberOverlay.simple { width:388px; padding-top:5px;}
.memberOverlay.simple .personal { width:98px; margin-right:6px; float:left;}
.memberOverlay.simple .personal .profileLinks {font:Verdana, font-size:.95em}
.memberOverlay.simple .personal .anonymousPhoto {width: 90px; height:90px;}
.memberOverlay.simple .username {font:Arial; font-size:1.3em; margin-top:-7px; height:14px}
.memberOverlay.simple .username a {color:#2c2c2c;}
.memberOverlay.simple .memberActivityData { width:284px; _width:281px; height:100%; overflow:hidden;}
.memberOverlay.simple .memberActivityData .numbers { border-top:1px solid #fff; font:bold 1.5em Arial,Tahoma,"Bitstream Vera Sans",sans-serif; color:#069; text-align:center;}

.memberOverlay.simple .box { width:85px; padding:0 0 5px; border:1px solid; border-color:#CBCBCB #999 #999 #CBCBCB; background-color:#EDEDED; cursor:pointer; display: table-cell;}
.memberOverlay.simple .box.citiesVisited { margin-right:0;}
.memberOverlay.simple .box .numbers { padding-top:5px;}

.memberOverlay.simple .memberreviewbadge {width:180px; height: 23px;}
.memberOverlay.simple .memberreviewbadge .badgeinfo{ margin-top:2px; float:left; display:inline; margin-left:6px;}
.memberOverlay.simple .memberreviewbadge .badgetext {padding-top:2px; margin:5px 3px; color:#000;  font-weight:bold;}
.memberOverlay.simple .memberActivityData li {margin:5px;}
.memberOverlay.simple .memberActivityData li.wrap {margin:-5px;}
.memberOverlay.simple .memberActivityData .innerbulletlist {margin-left:18px;padding-top:2px;padding-bottom:3px;}
.memberOverlay.simple .memberActivityData .innerbulletlist li {margin:2px; list-style-position:outside; list-style-type:disc;}
.memberOverlay.simple .boxes { text-align: center; font-color:#069; border-collapse: separate; border-spacing: 6px 0; margin: 0 -6px -5px -6px;}
.memberOverlay.simple .memberActivityData .boxestext { margin:0 4px 4px 4px; font:normal 0.9165em Arial,Tahoma,"Bitstream Vera Sans",sans-serif; color:#069; text-align:center;}
.memberOverlay.simple .contributions:hover .boxestext , .memberOverlay.simple .helpful:hover .boxestext , .memberOverlay.simple .citiesVisited:hover .boxestext {text-decoration:underline;}
.memberOverlay.simple .memberActivityData .memberreviewratings { font:bold 1em Arial,Tahoma,"Bitstream Vera Sans",sans-serif; color:#2c2c2c;}
.memberOverlay.simple .memberActivityData .reviewRatingChart .total { color:#656565;}

.memberOverlay.simple { font-family:Arial,Tahoma,"Bitstream Vera Sans",sans-serif; color:#333;}

.memberOverlay.simple .profileItem { margin-bottom:6px;}
.memberOverlay.simple .profileLinks { margin:12px 0 7px;}
.memberOverlay.simple .reviewchart { clear:both;padding-top: 3px;}

.barchartmemoverlay .row { height:100%; overflow: hidden; margin-bottom:3px; font-size:1em; font-weight:normal;}
.barchartmemoverlay .line { width:120px; height:12px; margin:1px 0 0 0; background-color:#e9e9e9; font-size:6px; float:left;}
.barchartmemoverlay .fill { display:block; max-width:155px; height:12px; background-color:#90c018;}
.barchartmemoverlay .text { width:auto; margin-left:5px; line-height:normal; vertical-align:top; float:none;}
.barlogo { margin:9px 0 6px; padding-top:12px; border-top:1px dotted #ccc; font:bold 1.1670em Arial,Tahoma,"Bitstream Vera Sans",sans-serif; color:#2c2c2c;}

.barlogo .numbersText { font-weight:normal; }