﻿div.MyGroups{}
div.MyGroups div.TypeHead{margin:0; padding:0 16px; vertical-align:middle; background:#FFFFFF; height:38px;
-moz-box-shadow:0 3px 0 #E6DFD4; -webkit-box-shadow:0 3px 0 #E6DFD4; box-shadow:0 3px 0 #E6DFD4;}
div.MyGroups div.TypeHead h3{padding:10px 0; font-size:120%;}
div.MyGroups ul.GridView{border-top:3px solid #E6DFD4;}
div.MyGroups ul.GridView .Grid a{width:108px; font-size:90%;}
div.MyGroups ul.GridView  li span.Grid img{margin-top:6px; padding:4px; width:108px; height:108px; display:block; background:#FFFFFF; border-bottom:1px solid #c1beb8; border-right:1px solid #c1beb8;border-top:1px solid #F7F5F0; border-left:1px solid #F7F5F0;}
div.MyGroups ul.GridView li span.GridText{margin-top:4px; display:block; font-weight:normal;}

/* - - View Group - - */
div.ViewGroup div.HeaderBlock h3{width:80%;}
div.ViewGroup div.HeaderBlock img{padding:2px; margin-right:12px; vertical-align:middle; background-color:#FFFFFF; overflow:hidden; width:50px; float:left; clear:none;
-moz-box-shadow:1px 1px 0px #C1BEB8; 
-webkit-box-shadow:1px 1px 0px #C1BEB8; 
box-shadow:1px 1px 0px #C1BEB8;}
div.ViewGroup div.Tabs div.TabLinks ul li{width:24%;}
/* - About The Group - */
div.ViewGroup div.MeImg{width:245px; float:left; clear:none;}
div.ViewGroup div.MeImg img{padding:4px; background-color:#FFFFFF; overflow:hidden; width:200px;
-moz-box-shadow:1px 1px 0px #C1BEB8; 
-webkit-box-shadow:1px 1px 0px #C1BEB8; 
box-shadow:1px 1px 0px #C1BEB8;}
div.ViewGroup div.MeText{margin-left:245px;}
div.ViewGroup div.MeText h3{padding-top:8px; display:block; color:#A47666; font-weight:bold; font-size:80%;}
div.ViewGroup div.MeText p{line-height:1.4em; font-size:105%;}
div.ViewGroup div.MeText p span.Name{font-weight:bold; font-size:115%;}
/* - Friends - */
div.ViewGroupFriends div.Tabs div.TabContent{padding:0;}
div.ViewGroupFriends div.SubCol{margin-top:-3px; }
div.ViewGroupFriends div.PendingList div.Note{margin:10px 10px 0; text-align:center;}
div.ViewGroupFriends div.PendingList div.Note p{padding:0;}

/* - - Create / Update Group Page - - */
div.UpdateCreateGroup div.Note,
div.UpdateCreateGroup div.Alert{margin:0 16px 16px 16px;}

/* - - ViewGroupAnnouncements - - */
div.ViewGroupAnnouncements div.HeaderBlock h3{width:50%;}
div.ViewGroupAnnouncements div.HeaderBlock ul{width:40%;}
div.ViewGroupAnnouncements div.TabContent{padding:0 16px 16px 16px;}
div.ViewGroupAnnouncements div.Note,
div.ViewGroupAnnouncements div.Alert{margin:0;}
div.ViewGroupAnnouncements div.DeleteBlock{-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
/**/
div.ViewGroupAnnouncements div.GroupAnnouncement{margin:10px 0 30px 0; padding:10px 6px 20px 6px; background:#EAE5DA; position:relative;
-moz-box-shadow:1px 1px 0px #CECECE; -webkit-box-shadow:1px 1px 0px #CECECE; box-shadow:1px 1px 0px #CECECE;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
/**/
div.AnnouncementDetail{padding:0 15px 10px 15px; overflow:hidden;}
div.AnnouncementDetail h3{display:inline; float:left; clear:none; width:60%; font-size:160%;}
div.AnnouncementDetail p{display:inline; float:right; clear:none; width:35%; text-align:right;}
div.AnnouncementDetail p img{padding:2px; background-color:#FFFFFF; margin-left:10px; width:50px; height:50px; float:right; clear:none;
-moz-box-shadow:1px 1px 0px #C1BEB8; -webkit-box-shadow:1px 1px 0px #C1BEB8; box-shadow:1px 1px 0px #C1BEB8;}

div.AnnouncementDetail p span.AnnouncementDate{display:block; font-size:85%;}
/**/
div.ViewGroupAnnouncements div.GroupAnnouncePage{padding:15px; background:#FFFFFF;
-moz-box-shadow:-1px -1px 0px #CECECE; -webkit-box-shadow:1px 1px 0px #CECECE; box-shadow:1px 1px 0px #CECECE;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
div.ViewGroupAnnouncements div.GroupAnnouncePage p{font-size:110%; letter-spacing:0.5px; line-height:1.6em; vertical-align:bottom;}
/**/
div.AnnouncementOptions{ position:absolute; bottom:-8px; right:20px; text-align:right;}
div.AnnouncementOptions ul{}
div.AnnouncementOptions ul li{margin-left:5px; display:inline;}












