#mygroups-bkgd { background: #e1e1e1;}
.grey_content_bg {clear: both;float: left;width: 100%;}
#mygroups {width: 775px; margin: 0 auto 0 auto; font: 12px Helvetica, Arial, san-serif; list-style-type: none;}
#mygroups a:link, a:visited {  text-decoration: none; }
#mygroups a:hover, a:active { text-decoration: underline; }
#mygroups a img { width: 100px; height: 100px; border: #000 1px solid; display: block; }
#mygroups a.button { margin: 4px 8px 4px 0; padding: 4px 12px; background-color: #09f; color: #fff; }
#mygroups h1 { padding: 5px 0; color: #fff; font-size: 18px; text-indent: 15px; background: #333; margin-top:4px;}
#mygroups h2 { color: #000; font-size: 16px; font-weight: bold; #white-space:nowrap; }
#mygroups h3 { color: #000; font-size: 16px; font-weight: bold; word-wrap:break-word;}
#mygroups strong {font-weight: bold;}

#mygroups #right { /*padding: 15px 15px 0 0;*/ padding:0; margin:0; }
#mygroups #right #top { margin: 0; }
#mygroups #right #top ul a { width:auto; height: 58px; padding-top: 15px; text-decoration: none; background: #fff; border-bottom: #e1e1e1 1px solid; display: block; color:#000; line-height:30px; }
#mygroups #right #top ul a:hover { color: #fff; background: #09f;}
#mygroups #right #top ul a h2 { color: #000; }
#mygroups #right #top ul a:hover h2, a:active h2 { color: #fff; }
#mygroups #right #top ul a:hover span.desc, a:active span.desc { color: #fff; }
#mygroups #right #top ul a span.desc { color: #000; }
#mygroups #right #top ul li { list-style-type:none;}
#mygroups #right #top ul a span.num { padding:0 20px 0 0; color: #09f; font: bold 28px/30px Helvetica, Arial, sans-serif; text-align: right; display: block; float: left; text-indent:20px; }
#mygroups #right #top ul a:hover span.num, a:active span.num { color: #fff; }
#mygroups #right #top ul li p {background-color: #fff; padding: 6px 15px;}
#mygroups #right #top ul li p a {display: inline; padding: 0; border: none; color:#09f;}
#mygroups #right #top ul li p.head {padding-top: 24px; font: bold 18px/20px Helvetica, Arial, sans-serif;}
#mygroups #right #top ul li p.bottom {padding-bottom: 24px; border-bottom: 1px solid #ddd;}

#mygroups #right .mygroups-content { clear:both; float:left; width:100%; margin:0; }

#mygroups #right #bottom { margin-top: 4px; height: auto; background: #fff; }
#mygroups #right #bottom a img#grouppic { margin: 0 auto; clear: both; }
#mygroups #right #bottom li{list-style-type:none;}
#mygroups #right #bottom li h1 { height: 20px; }
#mygroups #right #bottom li h3 { text-align: left; margin: 14px auto; }
#mygroups #right #bottom li h3 a{ color:#09f;}
#mygroups #right #bottom li h3 a:visited{ color:#09f;}
#mygroups #right #bottom a:hover, a:active { text-decoration: underline; }
#mygroups #right #bottom a:link, a:visited { text-decoration: none; }
#mygroups #right #bottom ul#ownlinks { width: 180px; margin-bottom: 10px; padding: 15px; }
#mygroups #right #bottom ul#ownlinks li a { width: 180px; padding: 5px 0; text-indent: 10px; }
#mygroups #right #bottom ul#ownlinks li a.edit:link, a.edit:visited { border-bottom: #e1e1e1 1px solid; display: block; color:#09f; }
#mygroups #right #bottom ul#ownlinks li a.edit:hover, a.edit:active { color: #fff; font-weight: bold; text-decoration: none; background: #09f; }
#mygroups #right #bottom ul#ownlinks li em{ color:#f00; font-style:italic;}

#mygroups #right #bottom ul#no-own { padding: 15px; }
#mygroups #right #bottom ul#no-own li { padding-bottom: 5px; } /* for FireFox & Safari fix */
#mygroups #right #bottom ul#no-own li a { margin-top: 8px; padding: 8px 10px; width: 100px; background-color: #09f; color: #fff; border: none; display: block; clear: both; }

#mygroups #right h1 { width:100%; margin-top:19px;}
#mygroups #right h2 { margin-bottom: 12px;}
#mygroups #right ul { float: left; width:100%; }
#mygroups #right .group-block {clear: both; padding: 15px; background: #fff; margin-top: 12px; display: block; float: left;}
#mygroups #right .group-block li {height: auto; width:713px; border: 1px solid #ccc; padding: 15px; float: left; margin-bottom: 15px; list-style-type:none;}
#mygroups #right .group-block li .image-container { display:inline-block; vertical-align:middle; background:#f0f0f0; border-radius:50% / 10%; width:45px; height:50px; margin:0 15px 0 0; float:left; position:relative; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; }
#mygroups #right .group-block li .image-container:before { background:inherit; border-radius:5% / 50%; bottom:10%; content:""; left:-5%; position:absolute; right:-5%; top:10%; }
#mygroups #right .group-block li .image-container img { display:none; }
#mygroups #right .group-block li .description { float:left; width:625px; }
#mygroups #right .group-block li h3 a { text-decoration: none; color: #09f; }
#mygroups #right .group-block li h3 a:hover{text-decoration: underline;}
#mygroups #right .group-block li p { width:auto; line-height: 24px;}
#mygroups #right .group-block li p a {color: #09f; font-weight:normal; text-decoration: none; }
#mygroups #right .group-block li p a.view-group { margin:0 0 0 7px; }
#mygroups #right .group-block li p a:hover, #mygroups #right .group-block ul li h3 a:hover {text-decoration: underline;}
#mygroups #right .group-block li p a.unjoin {padding-left: 12px; margin-left: 6px; font-weight: normal; border-left: 1px solid #ccc;}
#mygroups #right .group-block li p span.unjoin { padding-left: 12px; margin-left: 6px; font-weight: normal; border-left: 1px solid #ccc;  }
#mygroups #right .group-block li p a.updates {color: #000; font-weight: normal;}
#mygroups #right .group-block li p a.updates:hover { text-decoration:none;}
#mygroups #right .group-block li p input {margin-right: 6px;}
#mygroups #right .group-block .disabled:hover{ text-decoration:none;}
#mygroups #right .group-block li p a.active { background:#09f; color:#fff; border:#09f 1px solid;  }
#mygroups #right .group-block li p a.disabled { background:#fff; color:#999; border:#ccc 1px solid;  }
#mygroups #right .group-block li p a.disabled, #mygroups #right .group-block li p a.active { margin:0; padding:3px 10px; height:17px; line-height:17px; width:90px; text-decoration:none; text-align:center; }

#mygroups #right #no-group {width:100%; background: #fff; margin-top: 12px; display: block; float: left; padding:15px 0 15px;}

#mygroups #right #no-group li { list-style-type:none; text-align:left;  padding:0 15px; }
#mygroups #right #no-group li a { margin:8px 0; padding: 8px 10px;  list-style-type:none;  width: 90px; text-align:left; background-color: #09f; color: #fff; border: none; display: block; clear: both; }

#mygroups #right .page-nav {height: 25px; width:745px; clear: both; padding: 15px; background: #fff}
#mygroups #right .page-nav a:hover {text-decoration: underline;}
#mygroups #right .page-nav ul {float: left; width: 260px; font: 12px/25px Arial, sans-serif; list-style-type: none;}
#mygroups #right .page-nav li {float: left; padding: 2px 0; margin: 0 2px 0 0;}
#mygroups #right .page-nav li a {text-decoration: none; padding: 2px 6px; color: #09f; border: 1px solid #09f;}
#mygroups #right .page-nav li a.active {color: #999; border: 1px solid #999;}
#mygroups #right .page-nav p {float: right; text-align: right; width: 200px; line-height: 25px;}
#mygroups #right .page-nav p a {color: #09f; text-decoration: none;}
#mygroups #right .page-nav p a.disabled {color: #999;}
#mygroups #mtdiv { clear:both; height:20px; width: 775px;}
#mygroups #right #bottom a.disabled, #mygroups #right #bottom ul.disabled, #mygroups #right #no-group.disabled, #mygroups #right .group-block.disabled, #mygroups #right .page-nav.disabled {}

#header_wrap { height:55px !important; }
#mainNav .search_word { visibility:hidden; }
#chatrooms-content { background:url("/groups/images/middle-content.gif") repeat-x 0 0 #F0F0F0; clear:both; padding:10px 0; }
#mygroups h1 { clear:left; }
#mygroups a { color:#09f; }
#mygroups h1 { font-size:17px; }
#mygroups #right #top ul a span.num { padding:0 20px 0 0; }
#mygroups #right .group-block { margin:0 0 12px 0; padding-bottom:0; }
#mygroups #right .page-nav { height:15px; }