/***********************************************/
/* groups styles                                */
/***********************************************/ 
.nocss {
  display:none;
}
.hide { display: none; }
.moreDetailsButton{
/*	background-image:   url(/common/pics/button_80x20.gif); */
	background-color:	#336E99;
	margin-left:		10px;
	margin-right:		290px;
}
.actionButton {
/*	background-image:   url(/common/pics/button_80x20.gif); */
	background-color:	#336E99;
}
.actionButton a,  .moreDetailsButton a{
	font:			    bold .7em "Trebuchet MS";
	color:				#FFB66C;
	padding:			3px;
	text-decoration:	none;
}
#createLink a:link, 
#createLink a:visited{
	background-color:	transparent;
	font-family: 		"Trebuchet MS";
	color: 				#5D5D5D;
	font-size: 			1.2em;	
	text-decoration:	none;
	margin-left:		15px;
	margin-bottom:		0px;
}
div#groupTypeDescription {
/*	width:				*/
	border:				1px solid #336E99;
	font:			    .9em "Trebuchet MS";
	color:				#000000;
	padding:			3px;
	margin:				3px;
	margin-top:			10px;
	margin-bottom:		10px;
}
#groupsTable {
	width: 100%; 
	border: 0px;
}
#groupsTable #noGroupTxt {
	font:			    bold .7em "Trebuchet MS";
	color:				#000000;
	padding:			3px;
	text-decoration:	none;
	text-align:			center;
}
.groupsHeader{
	background-color:	#336E99; /* #d4ecfb; */
	color:				#FFB66C;
	border:				0;
	text-align:			left;
}
#socialGroupsCreatTable {
}
#socialGroupsCreatTable label {
	font:			    bold .8em "Trebuchet MS";
	color:				#336E99;
}
.groupStats{
	font:			    bold .7em "Trebuchet MS";
	color:				#336E99;
}
div.groupMembers {
	width:				210px;
	border:				none;
	background-color:	#FFFFFF;
}
.groupName {
	width:				498px;
	font:			    bold .8em "Trebuchet MS";
	color:				#336E99;
	padding:			0px;
	margin:				0px;
	margin-top:			5px;
	margin-left:		10px;
	text-decoration:	none;
/*	border:				1px dotted #FF0000; */ 
}
.groupName a{
	text-decoration:	none;
}
.groupDescription {
	width:				498px;
	font:			    .8em "Trebuchet MS";
	color:				#000000;
	padding:			0px;
	margin:				0px;
	margin-top:			5px;
	margin-left:		10px;
/*	border:				1px dotted #FF0000; */
}
.groupSince {
	font:			    bold .6em "Trebuchet MS";
}
.groupState {
	font:			    bold .6em "Trebuchet MS";
}
div#groupCover {
	width:				625px; /* was 596px; */
	padding:			5px;
	margin-top:			3px;
	margin-bottom:		3px;
	margin-left:		6px;
	margin-right:		2px;
	background-color:	#ffffff; 
	float:				left;
	border:				1px solid #336E99;
}
div#groupCover p {
	margin:				0px;
	margin-left:		10px;
	padding:			0px;
	padding-top:		15px;
	font:				12px "Trebuchet MS", Verdana;
}
.groupsBtn {
	margin-top:			15px;
	margin-bottom:		15px;
	margin-right:		2px;
	padding:			3px 10px 2px 10px;
	font:			    bold .9em "Trebuchet MS";
	background-color:	#FFB66C; /* #d4ecfb; */
	color:				#336E99;
	text-decoration:	none;
	border-top:			1px solid #FFFFFF;
	border-left:		1px solid #FFFFFF;
	border-bottom:		1px solid #717171;
	border-right:		1px solid #717171;	
}
.groupsRepBtn {
	margin:				0px;
	margin-right:		2px;
	padding:			3px 10px 3px 10px;
	font:			    bold .6em "Trebuchet MS";
	background-color:	#FFB66C; /* #d4ecfb; */
	color:				#336E99;
	text-decoration:	none;
	border-top:			1px solid #FFFFFF;
	border-left:		1px solid #FFFFFF;
	border-bottom:		1px solid #717171;
	border-right:		1px solid #717171;
	float:				right;	
}
.groupsBreadCrumb {
	font:			10px "Trebuchet MS";
}

.groupsCatName {
	font:			bold 14px "Trebuchet MS";
	margin:			0px;
	padding:		0px;
	padding-left:	5px;
	text-align:		left;
}
.groupsCatDesc {
	font:			12px "Trebuchet MS";
	margin:			0px;
	padding:		0px;
	padding-left:	5px;
	text-align:		left;
}
.groupsNumbers {
	margin:			0px;
	padding:		0px;
	padding-right:	5px;
	font:			10px "Trebuchet MS";
	text-align:		right;
}
.groupsCatStats {
	padding:		3px;
	padding-right:	6px;
	margin:			0px;
}
.groupsLastCell {
	font:			.7em "Trebuchet MS";
}
.groupssUserName {
	font:			bold .7em "Trebuchet MS";
	font-style: 	italic;
}

.groupsThreadSubject {
	font:			.8em "Trebuchet MS";
}
.groupsThreadUserName {
	padding:		3px;
	padding-right:	6px;
	margin:			0px;
	font:			.8em "Trebuchet MS";
	text-align:		right;
}
.altRow1 {
	background-color:	#ececec;
}
.altRow2 {
	background-color:	#ebf5fc;
}
.threadPagerString {
	font:			10px "Trebuchet MS";
}
.threadHiLite {
	font:			bold 10px "Trebuchet MS";
}
.threadSubject {
	font:			10px "Trebuchet MS";
}
.threadUserName {
	font:			10px "Trebuchet MS";
}
.threadBody {
	font:			12px "Trebuchet MS";
	margin:			0px;
	padding:		0px;
}
.newBtn {
	margin-left:		4px;
	padding:			2px;
	font:			    bold .7em "Trebuchet MS";
	background-color:	#FF0000; 
	color:				#FFFFFF;
	border:				0px;	
}
.fmUserInfo {
}
/*******************************************
 * groups listings layout
 *******************************************/
#groupsConsole {
	width:				762px;
/*	border:				1px solid #2D6B98; */
	margin:				3px;
	background-color:	#ffffff;
}
/*******************************************
 * groups layout
 *******************************************/
div#grpContentLeft {
	width:			170px; 
	margin:			0px;
	margin-top:		3px;
	margin-bottom:	8px;
	margin-left:	3px;
	margin-right:	3px;
	padding:		0px;
	float:			left;
/*	border:			1px dotted #FF0000;  */
}
div#grpContentRight {
	width:				579px; 
/*
	border-left:		1px solid #711515;
	border-right:		1px solid #711515;
	border-bottom:		1px solid #711515;
*/
	padding:			5px;
	margin-top:			3px;
	margin-bottom:		3px;
	margin-left:		0px;
	margin-right:		2px;
	background-color:	#ffffff; 
	float:				left;
}
div#grpContentRight p {
	margin:				0px;
	margin-left:		10px;
	padding:			0px;
	padding-top:		15px;
	font:				12px "Trebuchet MS", Verdana;
}
.current {
	width:				150px;
	background-image:   url(/common/pics/grp.png);
}
.hilite {
	width:				150px;
	background-image:   url(/common/pics/grp_hi.png);
}

/****************************************************
 * individual Tabbed Navigation definitions
 ****************************************************/
ul#tabnav {
 	list-style-type:	none;
 	margin:				0px;
 	padding-left:		40px;
 	padding-bottom:		24px;
 	border-bottom:		1px solid #711515;
 	font:				bold 11px "Trebuchet MS", Verdana;
}
ul#tabnav li {
 	float:				left;
 	height:				21px;
	background-color:	#336E99; 
	color:				#FFB66C;
 	margin:				2px 2px 0px 2px;
 	border:				1px solid #711515;
}
ul#tabnav a:link, ul#tabnav a:visited {
	display:			block;
	color:				#FFB66C; /* #FFFFFF; */
	background-color:	transparent;
	text-decoration:	none;
	padding:			4px; 
}
ul#tabnav a:hover {
	background-color:	#FFB66C; 
	color:				#336E99;	
}
body#group li.group, 
body#members li.members,
body#events li.events,
body#photos li.photos,
body#messages li.messages {
	border-bottom:		1px solid #FFFFFF;
	color:				#000000;
	background-color:	#FFFFFF;
}
body#group li.group a:link, body#group li.group a:visited,
body#members li.members a:link, body#members li.members a:visited,
body#events li.events a:link, body#events li.events a:visited,
body#photos li.photos a:link, body#photos li.photos a:visited,
body#messages li.messages a:link, body#messages li.messages a:visited {
	color:				#000000;
	background-color:	#FFFFFF;
}
/****************************************************
 * group listings Tabbed Navigation definitions
 ****************************************************/
ul#tabnav2 {
 	list-style-type:	none;
 	margin:				0px;
 	padding-left:		36px;
 	padding-bottom:		24px;
 	border-bottom:		1px solid #711515;
 	font:				bold 11px "Trebuchet MS", Verdana;
}
ul#tabnav2 li {
 	float:				left;
 	height:				21px;
	background-color:	#336E99; 
	color:				#FFB66C;
 	margin:				2px 2px 0px 2px;
 	border:				1px solid #711515;
}
ul#tabnav2 a:link, ul#tabnav2 a:visited {
	display:			block;
	color:				#FFB66C; /* #FFFFFF; */
	background-color:	transparent;
	text-decoration:	none;
	padding:			4px; 
}
ul#tabnav2 a:hover {
	background-color:	#FFB66C; 
	color:				#336E99;	
}
body#Public li.Public, 
body#Private li.Private,
body#Cruise li.Cruise,
body#Fishing li.Fishing,
body#Marinas li.Marinas,
body#Business li.Business {
	border-bottom:		1px solid #FFFFFF;
	color:				#000000;
	background-color:	#FFFFFF;
}
body#Public li.Public a:link, body#Public li.Public a:visited,
body#Private li.Private a:link, body#Private li.Private a:visited,
body#Cruise li.Cruise a:link, body#Cruise li.Cruise a:visited,
body#Fishing li.Fishing a:link, body#Fishing li.Fishing a:visited,
body#Marinas li.Marinas a:link, body#Marinas li.Marinas a:visited,
body#Business li.Business a:link, body#Business li.Business a:visited {
	color:				#000000;
	background-color:	#FFFFFF;
}
/****************************************************
 * Event Tab definitions
 ****************************************************/
div#grpEventWidget {
	width:				579px;
	margin:				0px;
	padding:			0px;
	background-image:   url(/common/pics/1x600line.jpg);
	background-repeat:	repeat-x; 
	border:				1px solid #000000; 
}
div#grpEventCalendar {
	width:				300px;
	height:				200px;
	margin:				0px;
	margin-top:			10px;
	margin-left:		10px;
	padding:			0px;
	background-image:   url(/common/pics/300x200rbox.png);
	background-repeat:	no-repeat;
	float:				left;
}
.firstwdayOfWeekHeader {
	width:	40px; 
	background-color:	#ececec;
	text-align:			center;
	float:	left;
	margin-left:	10px;
}
.wdayOfWeekHeader {
	width:	40px; 
	background-color:	#ececec;
	text-align:			center;
	float:	left;
}
#calDateDisplay {
	margin-left:	10px;
}
#calCol {
	width:		36px;
	text-align:	center;
}
.nonMonthDay {
	background-color:	#ececec; 
/*	border:				1px solid #000000; */
}
.emptyMonthDay{
	color:				#808080; 
	background-color:	#d4ecfb; 
}
.entriesMonthDay {
	color:				#008000; 
	background-color:	#d4ecfb;
}
.entriesMonthDay a {
	text-decoration:	none; 
	color:				#EB714D; /*#008000; #00A54E;  */
}
#eventListDay{
	color:				#FF0000;
	background-color:	Transparent;	 
}
.calclear {
	clear:	both;
	margin:	0px;
	padding:	0px;
	padding-bottom:	5px;
}
div#grpEventSrchTools {
	width:				255px;
	height:				200px;
	margin:				0px;
	margin-top:			10px;
	margin-left:		5px;
	padding:			0px;
	border:				1px solid #ffffff;
	float:				left;
}
div#grpEventSrchTools label {
	font:			bold 0.7em "Trebuchet MS";
	color: 			#ffffff;	
}
#eventType, #eventDate, #eventState, #eventZipcode, #eventRadius {
	font:			 0.6em "Trebuchet MS";
	color: 			#000000;	
}
#grpEventAddInfo{
	width:			566px;
	border: 		1px solid #EF8861; 
	margin:			0;
	margin-left:	auto;
	margin-right:	auto;
	padding:		3px;
}
div#grpEventAddForm {
	width:			566px;
	border: 		1px solid #000000; 
	margin:			0;
	margin-top:		10px;
	margin-left:	auto;
	margin-right:	auto;
	padding:		3px;

}
div#grpEventAddForm label {
	font:			bold 0.9em "Trebuchet MS";
	color: 			#000000;	
}

#grpEventAckBox{
	width:			560px;
	margin:			0;
	margin-left:	auto;
	margin-right:	auto;
	padding:		5px;
}
#evEventList {
	width: 				560px;
	border:				none; /* 1px solid #ffffff;  */
	margin:				0px;
	margin-top:			10px;
	margin-left:		10px;
	padding:			0px;
	float:				left;
}
#eventsSrchResTitle{
	margin:			0px;
	margin-top:		3px;
	padding:		0px;
	text-align:		center;
	font:			bold 22px "Trebuchet MS";
	color: 			#FFFFFF;
}
#evInfoTitle{
	margin:			0px;
	margin-top:		3px;
	padding:		0px;
	text-align:		left;
	font:			bold 16px "Trebuchet MS";
	color: 			#000000;
}
.evText{
	margin:			0px;
	margin-left:		3px;
	padding:		0px;
	text-align:		left;
	font:			12px "Trebuchet MS";
	color: 			#000000;
}
/*************************************
 * General Album Block Definitions
 *************************************/
.albumBlock {
	width:				558px;
	border:				1px solid #2D6B98; 
	margin:				5px;
	padding:			5px;
}
.albumBlock img.paCover {
	border:				0px;
	width:				100px;
	margin:				5px;
	float:				left; 
}
.albumBlock p.paTitle {
	font:			bold 12px "Trebuchet MS";
	color: 			#5D5D5D;
	margin:			0px;
	margin-top:		5px;
	margin-bottom:	5px;
	padding-right:	10px;
	padding-left:	10px;
}
.albumBlock p.paDescription {
	font-family: 	"Trebuchet MS";
	color: 			#5D5D5D;
	font-size: 		11px;
	margin:			0px;
	padding-right:	10px;
	padding-left:	10px;
}
/*************************************
 * Manage Group Block Definitions
 *************************************/
td#returnLink a:link, 
td#returnLink a:visited{
	background-color:	transparent;
	font-family: 	"Trebuchet MS";
	color: 			#336E99; 
	font-size: 		.9em;	
	text-decoration:	none;
	padding-right:		5px;
}
ul#tabnav3 {
 	list-style-type:	none;
 	margin:				0px;
 	padding-left:		36px;
 	padding-bottom:		24px;
 	border-bottom:		1px solid #711515;
 	font:				bold 11px "Trebuchet MS", Verdana;
}
ul#tabnav3 li {
 	float:				left;
 	height:				21px;
	background-color:	#336E99; 
	color:				#FFB66C;
 	margin:				2px 2px 0px 2px;
 	border:				1px solid #711515;
}
ul#tabnav3 a:link, ul#tabnav3 a:visited {
	display:			block;
	color:				#FFB66C; /* #FFFFFF; */
	background-color:	transparent;
	text-decoration:	none;
	padding:			4px; 
}
ul#tabnav3 a:hover {
	background-color:	#FFB66C; 
	color:				#336E99;	
}

body#Announcement li.Announcement, 
body#Avatar li.Avatar,
body#Info li.Info,
body#Invites li.Invites,
body#Stats li.Stats,
body#Subscription li.Subscription {
	border-bottom:		1px solid #FFFFFF;
	color:				#000000;
	background-color:	#FFFFFF;
}
body#Announcement li.Announcement a:link, body#Announcement li.Announcement a:visited,
body#Avatar li.Avatar a:link, body#Avatar li.Avatar a:visited,
body#Info li.Info a:link, body#Info li.Info a:visited,
body#Invites li.Invites a:link, body#Invites li.Invites a:visited,
body#Stats li.Stats a:link, body#Stats li.Stats a:visited, 
body#Subscription li.Subscription a:link, body#Subscription li.Subscription a:visited {
	color:				#000000;
	background-color:	#FFFFFF;
}

div#manageGroupConsole {
	width:				762px;
/*	border:				1px solid #2D6B98; */
	margin:				3px;
	background-color:	#ffffff;
}
div#showCurAvatar {
	margin:				0px;
	margin-left:		10px;
	margin-right:		10px;
	float:				left;
}
#socialGroupsEditInfoTable {
	margin:				0px;
	margin-top:			10px;
	margin-left:		auto;
	margin-right:		auto;
}
#socialGroupsEditInfoTable label {
	font:			    bold .8em "Trebuchet MS";
	color:				#336E99;
	margin-right:		15px;
}

table#groupStatsTable {
	border:				0px;
}
table#groupStatsTable th{
	background-color:	#336E99; 
	color:				#FFB66C;
	border:				0;
}
table#groupStatsTable td{
	font:			    .8em "Trebuchet MS";
	color:				#336E99;
	padding:			0px;
	padding-left:		3px;
	padding-right:		5px;
}
/**************************************
 * ecomm plug-in defineitions
 **************************************/
.subscribeHeader {
	font-family: 	"Trebuchet MS";
	color: 			#336E99;
	text-transform: uppercase;
	font-size: 		14px;
	font-weight: 	bold;
	font-style: 	normal;
	text-decoration:	underline;
	text-align:		center;
}
div.subscribe {
 	width:			604px;
 	margin:			0px;
 	margin-left:	auto;
 	margin-right:	auto;
 	margin-bottom:	10px;
 	padding:		0px;
 	border:			1px solid #336E99;
 }
.subscribeTitle{ 
	font-family: 	"Trebuchet MS";
	color: 			#336E99;
	text-transform: uppercase;
	font-size: 		14px;
	font-weight: 	bold;
	font-style: 	normal;
	letter-spacing: .1pc; 
	text-align:		center;
}
.subscribeCTA{ 
	font-family: 	"Trebuchet MS";
	color: 			#FF0000;
	text-transform: uppercase;
	font-size: 		16px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align:		center;
}
.subscribeInfo{ 
	font-family: 	"Trebuchet MS";
	color: 			#336E99;
	font-size: 		10px;
	font-weight: 	bold;
	font-style: 	normal;
}
.subscribeInfo span.highlight {
	color: 			#FF0000;
}
/******************************************************
 * Date Picker Block Definitions
 ******************************************************/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}