/* for recent visitors */
#groupdetails .groups .content .recentguest{width:160px;/* height:175px;*/ margin-bottom:8px;}

#groupdetails .groups .content .expand{margin-left:4px; background:url(/groups/images/icon-arrow.gif) no-repeat 0 -14px; padding:0 0 0 14px; font-size:11px; font-weight:bold; color:#09f; text-decoration:none; }
#groupdetails .groups .content .expand:hover{ color:#000; text-decoration:underline; }
#groupdetails .groups .content .collapse{margin-left:4px; background:url(/groups/images/icon-arrow.gif) no-repeat 0 3px; padding:0 0 0 14px; font-size:11px; font-weight:bold; color:#09f; text-decoration:none; }
#groupdetails .groups .content .collapse:hover{ color:#000; text-decoration:underline; }

#groupdetails .groups .content h1.guest{ font:18px/20px Helvetica, Arial, sans-serif; font-weight:normal; padding:0; margin:5px 0; clear:both;}
#groupdetails .groups .content .recentguest img { background:#fff; padding:2px; border-bottom:solid #ddd 1px; border-right:solid #ddd 1px; border-top:solid #eee 1px; border-left:solid #eee 1px; float:left; margin:4px; height:35px; width:35px; }
#groupdetails .groups .content .recentguest img a a:hover{border-bottom:solid #ddd 1px; border-right:solid #ddd 1px; border-top:solid #eee 1px; border-left:solid #eee 1px; float:left; margin:4px;}
#groupdetails .groups .content .viewallinvite{font-size:11px; font-weight:bold; color:#09f; text-decoration:none; float:left; clear:left; }
#groupdetails .groups .content .viewallinvite:hover{color:#000; text-decoration:underline;}


#groupdetails .groups .content .left .left-column .viewall{ margin-bottom:20px;}
#groupdetails .groups .content .left .left-column h2 { clear:left; font: normal 18px/22px helvetica,arial,sans-serif; padding:0 0 4px; white-space:nowrap;}
#groupdetails .groups .content .left .left-column .recent-guests { padding:0;  width: 160px; list-style-type: none;}
#groupdetails .groups .content .left .left-column .recent-guests li {border-bottom:none; padding:0 0 10px 0; clear:left; height:40px;}
#groupdetails .groups .content .left .left-column .recent-guests a.pic img { background:#fff; padding:2px; border-bottom:solid #ddd 1px; border-right:solid #ddd 1px; border-top:solid #eee 1px; border-left:solid #eee 1px; float: left; width: 35px; margin:0 0 0 4px; height: 35px; float:left; clear:left;}
#groupdetails .groups .content .left .left-column .recent-guestsa:hover.pic img {}

#groupdetails .groups .content .left .left-column .recent-guests li .guest-details {font: 11px/14px arial, sans-serif; margin:0 0 0 50px;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details p { font: 11px/14px arial, sans-serif; margin:0;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details p.nick_name{ width:110px; float:left; overflow:hidden;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details p.nick_name a { font: bold 11px/14px arial, helvetica, sans-serif; text-decoration:none;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details p.nick_name a:hover{ text-decoration:underline;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details span.date {color:#777;}

#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info { background:url(../images/invite.gif) no-repeat left; padding-left:15px; color:#8b0; /*position:relative;*/ text-decoration:none; font-weight:normal;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover {z-index:25; background:#ffffff url(../images/invite.gif) no-repeat left; text-decoration:none; }
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info span { display:none; }
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover span { background:#FFF; border:1px solid #666; color:#000; display:block; position:absolute; margin:-120px 0 0 0; height:75px; width:225px; padding:15px; cursor:default; font-weight:normal; text-decoration:none; font-size:12px; }
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover span strong { font-weight:bold; }
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover span input{ cursor:pointer; font-weight:bold; margin-top:20px; padding:5px 0;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover span input:hover{ color:#800;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover span input.send-invite{ background:#09f; color:#fff; width:120px; border:solid 1px #09f; clear:left; float:left; margin:20px 10px 0 0;}
#groupdetails .groups .content .left .left-column .recent-guests li .guest-details a.info:hover span input.cancel{ background:#fff; color:#000; width:70px; border:solid 1px #09f; float:left; }

/*#groupdetails .groups .content .left .left-column .recent-guests li p { font: 11px/14px arial, sans-serif; margin-left:50px;}
#groupdetails .groups .content .left .left-column .recent-guests li p a { font: bold 11px/14px arial, helvetica, sans-serif; overflow: hidden; width: 140px; text-decoration:none; }
#groupdetails .groups .content .left .left-column .recent-guests li p a:hover{ text-decoration:underline;}
#groupdetails .groups .content .left .left-column .recent-guests li p span.date {color:#777;}

#groupdetails .groups .content .left .left-column .recent-guests li p a.info { background:url(../images/invite.gif) no-repeat left; padding-left:15px; color:#8b0; position:relative; text-decoration:none; font-weight:normal;}
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover {z-index:25; background:#ffffff url(../images/invite.gif) no-repeat left; text-decoration:underline; }
#groupdetails .groups .content .left .left-column .recent-guests li p a.info span { display:none; }
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover span { background:#FFF; border:1px solid #666; color:#000; display:block; position:absolute; top:-95px; left:0; width:225px; padding:15px; cursor:default; font-weight:normal; text-decoration:none; font-size:12px; }
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover span strong { font-weight:bold; }
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover span input{ cursor:pointer; font-weight:bold; margin-top:20px; padding:5px 0;}
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover span input:hover{ color:#800;}
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover span input.send-invite{ background:#09f; color:#fff; width:120px; border:solid 1px #09f;}
#groupdetails .groups .content .left .left-column .recent-guests li p a.info:hover span input.cancel{ background:#fff; color:#000; width:70px; border:solid 1px #09f; }*/

/* Expanded view starts here */

#groupdetails .groups .content .left #recentvisitors { padding:25px 15px;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view { padding:0; margin: 15px 0; list-style-type:none;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li {border-bottom:none; margin-bottom:15px; float:left; width:175px;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view a.pic img { background:#fff; padding:2px; border-bottom:solid #ddd 1px; border-right:solid #ddd 1px; border-top:solid #eee 1px; border-left:solid #eee 1px; float: left; width: 35px; margin:0 0 0 4px; height: 35px; float:left; clear:left;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view a:hover.pic img {}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p { font: 11px/14px arial, sans-serif; margin:0 0 0 50px;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a { font: bold 11px/14px arial, helvetica, sans-serif; text-decoration:none; color:#09f; }
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a:hover{ text-decoration:underline;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p span.date {color:#777;}

#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info { background:url(../images/invite.gif) no-repeat left; padding-left:15px; color:#8b0; position:relative; text-decoration:none; font-weight:normal;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover {z-index:25; background:#FFFFFF url(../images/invite.gif) no-repeat left; }
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info span { display:none; }
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover span { background:#FFF; border:1px solid #666; color:#000; display:block; position:absolute; top:-85px; left:0; width:200px; padding:15px; cursor:default; font-weight:normal; text-decoration:none;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover span strong { font-weight:bold; }
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover span input{ cursor:pointer; font-weight:bold; margin-top:20px;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover span input:hover{ color:#800;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover span input.send-invite{ background:#09f; color:#fff; width:120px; border:solid 1px #09f;}
#groupdetails .groups .content .left #recentvisitors ul.expanded-view li p a.info:hover span input.cancel{ background:#fff; color:#000; width:70px; border:solid 1px #09f; }

/* Expanded view ends here */

/* Page Listing for Top starts here */

fieldset{ border-bottom:solid 1px #000; margin:0 10px; padding:0 0 7px 0;}
fieldset label.display-page{ font-size:12px; font-weight:normal; float:right; margin-top:-15px; color:#a9a9a9;}
fieldset label.display-page span { color:#000;}
fieldset label.display-page a { color:#09f; text-decoration:none;}


/* Page Listing for Top ends here */
