#groupdetails .groups .content .left .center-column #groupswelike { font:normal 11px Arial, Helvetica, sans-serif; margin:30px 0; clear:none; float:left; width:98%;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader { padding:30px 0 0 0;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader ul { clear:both; list-style:none; margin:0; padding:0; }
#groupdetails .groups .content .left .center-column #groupswelike .grpheader ul li { font-weight:bold; float:left;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader li.grpwelike a { color:#09f; }
#groupdetails .groups .content .left .center-column #groupswelike .grpheader li.remove-grp a { background:transparent url(../images/grp.gif) no-repeat 17px -13px; padding-left:30px; color:#09f;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader li.remove-grp a:hover { background:transparent url(../images/grp.gif) no-repeat 17px -13px; padding-left:30px;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader li.add-grp a {background:url(../images/grp.gif) no-repeat 17px -37px; padding-left:30px; color:#09f;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader li.add-grp a:hover {background:url(../images/grp.gif) no-repeat 17px -37px; padding-left:30px;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader a { background:#fff ; display:block; color:#000; text-decoration:none; padding:10px 20px; }
#groupdetails .groups .content .left .center-column #groupswelike .grpheader a:hover { background:#fff; text-decoration:underline;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader ul li a.active-header { background-color:#eed;text-decoration:none; color:#000;}
#groupdetails .groups .content .left .center-column #groupswelike .grpheader ul li a.active-header:hover { background-color:#eed; cursor:default;}

#groupdetails .groups .content .left .center-column #groupswelike .grpcontent { background:#eed; clear:both; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg {background:url(../images/bg-groupswelike.gif) no-repeat right bottom; padding:20px 20px 8px;}

/* --------------- Groups Welike ----------------------------- */
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul.grpwelike-content { list-style:none; padding:0; margin:0; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li { display:block; line-height:17px; font-size:11px; font-weight:bold; color:#654; margin:0 0 12px; padding:0; clear:both; float:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li h3{ color:#08d; font-size:12px; font-weight:bold; float:none;}

#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li a{ color:#08d; text-decoration:none; font-size:12px; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li ul{ font-size:11px; color:#654; background:none; display:inline; float:none; clear:left;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li ul li{ display:inline; margin:0; padding:0;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li ul li.last{ font-size:11px; color:#654; background:url(../images/breadcrumb-arrow.gif) no-repeat left center; padding-left:10px; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li ul li a{ font-size:11px; color:#654; background:none; display:inline;}

/*#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li a.enterroom{ margin-top:3px}*/
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li a.enterroom{background:#8b0 url(../images/bg-enterroom.gif) no-repeat 10px 7px; color:#fff; padding:2px 10px 2px 20px; text-decoration:none; font-size:11px; width:65px; display:block; clear:left;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .smudge-bg ul li a:hover{text-decoration:underline; }
/* --------------- Groups Welike ----------------------------- */

/* --------------- Remove Groups ----------------------------- */
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul { list-style:none }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul li{ display:block; border-bottom:solid 1px #fff; text-decoration:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul li a { display:block; text-decoration:none;padding:3px 0;  }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul li a:hover{ background:#E8F3FD; text-decoration:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul li a span.title{background:url(../images/remove-arrow.gif) no-repeat 0 5px; padding:0 0 0 7px;color:#654; font-size:11px; font-weight:bold;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul li a span.remove{float:right; background:url(../images/remove.gif) no-repeat 0 -18px; /*margin-top:-13px;*/ padding:0 5px 0 13px; font-size:11px; font-weight:bold; color:#300;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg ul li a:hover span.remove{float:right; background:url(../images/remove.gif) no-repeat 0 1px; cursor:pointer;}
/* --------------- Remove Groups ----------------------------- */

/*--------------------Add Groups starts-------------------------------------------*/
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg {background:none; padding:20px; font-size:12px; display:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent h4 { color:#f00; margin:15px 0 0 ; clear:left;}

#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .addnogrp { display:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .search { clear:left; margin-top:5px; display:block; padding-bottom:20px;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .search input.textbox{ width:67%; height:19px; float:left; border:solid 1px #fff;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .search a{background: url(../images/b_searchprofiles.gif); padding:4px 13px; text-decoration:none; margin-left:5px; float:left; color:#fff; font-weight:bold; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .search a:hover{ text-decoration:underline;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .search a:hover img{ text-decoration:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .search div{ clear:left; padding-top:10px; }
/*--------------------Add Groups ends-------------------------------------------*/

#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp {background:none; padding:20px; font-size:12px; display:block;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp .search { clear:left; margin-top:5px; display:block; padding-bottom:20px; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp .search input.textbox{ width:67%; height:19px; float:left; border:solid 1px #fff;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp .search a{background: url(../images/b_searchprofiles.gif); padding:4px 13px; text-decoration:none; margin-left:5px; float:left; color:#fff; font-weight:bold; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp .search a:hover{text-decoration:underline;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp .search div{ clear:left; padding-top:10px; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .addgrp .search a:hover img{ text-decoration:none;}


/*--------------------Remove Groups starts-------------------------------------------*/
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .data { }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .data a{padding:3px 0; display:block;border-bottom:solid 1px #fff; text-decoration:none;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .data a:hover{ background:#E8F3FD;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .data a span.title{background:url(../images/remove-arrow.gif) no-repeat 0 5px; padding:0 0 0 7px;color:#654; font-size:11px; font-weight:bold;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .data a span.remove{float:right; background:url(../images/remove.gif) no-repeat 0 -18px; margin-top:-13px; padding:0 5px 0 13px; font-size:11px; font-weight:bold; color:#300;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .no-bg .data a:hover span.remove{float:right; background:url(../images/remove.gif) no-repeat 0 1px; cursor:pointer;}

#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .remove-grp {background:#fff; width:250px; padding:20px; border:solid 1px #999; font-size:12px; display:none; position:absolute; margin:-250px 0 0 75px;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .remove-grp p { margin:0 0 15px 0; }
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .remove-grp a{background:#bdf; color:#543; text-decoration:none; font-weight:bold; padding:3px 15px; border:solid 1px #bdf;}
#groupdetails .groups .content .left .center-column #groupswelike .grpcontent .remove-grp a:hover{background:#fff; color:#bcc; text-decoration:none; font-weight:bold; padding:3px 15px; border:solid 1px #bdf;}

.remove-group {background:#fff; width:250px; padding:20px; border:solid 1px #999; font-size:12px; display:block; font: normal 13px Arial, Helvetica, sans-serif }
.remove-group p { margin:0 0 15px 0; }
.remove-group p strong { font-weight:bold; }
.remove-group div { text-align:center;}
.remove-group div a{ text-align:center;background:#bdf; color:#543; text-decoration:none; font-weight:bold; padding:3px 15px; border:solid 1px #bdf;}
.remove-group a:hover{background:#fff; color:#bcc; text-decoration:none; font-weight:bold; padding:3px 15px; border:solid 1px #bdf;}
/*--------------------Remove Groups ends-------------------------------------------*/