<<<<<<< .mine
#IC div.loading
{
	width:auto;
	height: 100px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	color: #32496D;
	font-weight:bold;	
	line-height: 40px;
}


#IC .header
{
	width: 700px;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 10px;
	padding-left: 5px;
	float: left;
}

#IC .header img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 1.3em;
}

#IC .header a
{
	text-decoration: none;
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
}

#IC .header a:hover
{
	background-color:#0099FF;
	color: #FFFFFF;
}


#IC .header span.slash
{
	color: #266e9b;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
}

#IC .header span.current
{
	color: #5fa8cf;
}


#IC .splitter
{
	width: 100%;
	height: 4px;
	background-image:url(../pics/InformationControl/Generic/splitter_bg.png);
	float: left;
	clear: both;
}


#IC .content
{
	width: 720px;
	background-image:url(../pics/InformationControl/Generic/content_bg.png);
	background-repeat:repeat-x;
	float: left;
}

#IC .content .error
{
	
}

#IC .content .success
{
}


/* Video Surface classes */

#videoSurface .loadingBG
{
	background-image: url(../pics/InformationControl/GoalItem/video_loading.gif);
	background-repeat: no-repeat;
	background-position:center center;
}


/* Default Goal Item Info Class */

#GoalItemInfo
{
	padding:10px;
	float: left;
	width:500px;
	clear:both;
}


#GoalItemInfo .videoContainer
{
	width: 200px;
	float: left;
}

#GoalItemInfo .videoContainer .video
{
	float: left;
	width: 200px;
	height: 165px;
	position:relative;
}

#GoalItemInfo .videoContainer .videolding
{
	float: left;
	width: 200px;
	height: 165px;
	position:relative;
	background-image: url(../pics/InformationControl/GoalItem/video_loading.gif);
	background-repeat: no-repeat;
	background-position:center center;	
}

#GoalItemInfo .videoContainer .video img
{
	width: 100%;
	height: 100%;
}

#GoalItemInfo .videoContainer .video .playControls
{
	position: absolute;
	top: 50px;
	left: 0px;
	text-align: center;
	position: absolute;
	width: 200px;
}

#GoalItemInfo .videoContainer .video .playControls img
{
	padding: 2px;
	border: 0px;
	width: 41px;
}

#GoalItemInfo .basicInfo
{
	/*width: 290px;*/
	margin-left: 10px;
	float: left;
	color: #666666;
	/*font-size: 0.8em;*/
}

#GoalItemInfo .basicInfo .light
{
	color:#999999;
	font-style: italic;	
}

#GoalItemInfo .extraInfo
{
	width: 500px;
	float: left;
	color: #666666;
	font-size: 0.8em;
}

#GoalItemInfo .extraInfo .infoItemContainer
{
	width: 500px;
	float: left;
}

#GoalItemInfo .extraInfo .infoLabel
{
	width: 150px;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	font-weight: bold;
}

#GoalItemInfo .extraInfo .infoContent
{
	width: 325px;
	float: left;
	margin-bottom: 5px;
	margin-left: 10px;
}

#GoalItemInfo .extraInfo .infoContent a
{
	color: #666666;
}

#GoalItemInfo .extraInfo .infoContent a:hover
{
	color: #ffffff;
	background-color: #0066ff;
}


#GoalItemInfo .infoSectionHeader
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;
}

#GoalItemInfo .infoSectionSubHeader
{
	line-height: 1.5em;
	float:left;
	width: 485px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
	padding-left: 10px;
}

#GoalItemInfo .infoSectionSubHeader a
{
	color:#666666;
	font-size: 1em;
}

#GoalItemInfo .infoSectionSubHeader a:hover
{
	color:#ff6600;
}

#GoalItemInfo .infoSectionFooter
{
	line-height: 1.5em;
	float:left;
	width: 490px;;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
}

#GoalItemInfo .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
}

#GoalItemInfo .footerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
}

#GoalItemInfo .footerSection span.detail
{
	color: #003366;
}


#GoalItemInfo .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#GoalItemInfo .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


.footerSection a.count
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
}


#GoalItemInfo .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#GoalItemInfo .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


#GoalItemInfo .thumbnails
{
	margin-top: 20px;
}


#GoalItemInfo .thumbnails .thumbnailPlaceholder
{
	margin-left: 20px;	
	margin-bottom: 10px;
	margin-top: 10px;	
	width: 130px;
	height: 104px;
	float: left;
	padding: 5px;
	background-image:url(../pics/InformationControl/GoalItemList/thumb_bg.png);
	background-repeat:repeat-x;	
}

#GoalItemInfo .thumbnails .thumbnailPlaceholder img
{	
	width: 130px;
}


#GoalItemInfo .GoalItemComment
{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}

.GoalItemComment .CommentDate
{
	width: 490px;
	text-align: right;
	margin-top: 5px;
	font-size: 1em;
	color:#CCCCCC;
}

.GoalItemComment .CommentTitle
{
	float: right;
	margin-bottom: 5px;
	line-height: 1.5em;
	width: 435px;
}

.GoalItemComment img
{
	float: left;
	margin-right: 5px;
	width: 40px;
	vertical-align: middle;
	border: 2px solid #ff6600;
}

.GoalItemComment .CommentTitle img
{
	float: right;
	width: auto;
	height: auto;
	border: none;
	margin: 0;
}

.GoalItemComment .CommentTitle a
{
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
}

.GoalItemComment .CommentTitle a:hover
{
	background-color: #0099FF;
	color: #ffffff;
}

.GoalItemComment .CommentBody
{
	float: left;
	font-style: italic;
	font-size: 1em;
	width: 410px;
	padding-left: 5px;
	padding-right: 5px;
}

#CommentsForm textarea
{
	width: 495px;
	height: 100px;	
	background-color: #f6f6f6;
	color: #333333;
	border: 1px solid #e1e1e1;	
}

#CommentsForm input
{	
	background-color: #e1e1e1;
	color: #333333;
	border: 1px solid #333333;	
}


#GoalItemInfo .CommentLogin
{
	margin-bottom: 10px;
}

#GoalItemInfo .CommentLogin a
{
	font-weight: bold;
	text-decoration: none;
}

#GoalItemInfo .CommentLogin a:hover
{
	text-decoration: underline;
}


/* Default List of Goal Item Classes */

#GoalItemList
{
	float: left;
	width:100%;
	clear:both;
}

#GoalItemList .listGoalItem
{
	font-size: 1em;
	color: #266e9b;
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddddEF;
}


#GoalItemList .listGoalItem .thumbnail
{
	width: 120px;
	padding: 5px;
	background-image:url(../pics/InformationControl/GoalItemList/thumb_bg.png);
	background-repeat:repeat-x;
	float: left;
	margin-right: 10px;
	min-height: 96px;
	overflow: hidden;
	color: #ffffff;
}

#GoalItemList .listGoalItem .thumbnail img
{
	width: 120px;
}

#GoalItemList .listGoalItem .details
{
	float: left;
	width: 360px;
}


#GoalItemList .listGoalItem a
{
	font-size: 1.3em;
	color: #f3730a;
	text-decoration: none;
	margin-right: 5px;
}

#GoalItemList .listGoalItem a:hover
{
	background-color:#0099FF;
	color: #FFFFFF;
}

#GoalItemList .listGoalItem span.date
{
	color: #6ab4d9;
	font-size: 0.8em;
	font-style: italic;
}

#GoalItemList .goalDetails
{
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size: 0.8em;
	color: #666666;
}

#GoalItemList .goalDetails a
{
	font-size: 1em;
	text-decoration: none;
	color:#666666;
}

#GoalItemList .goalDetails a:hover
{
	text-decoration: underline;
	background-color: none;
}

#GoalItemList .listGoalItem span.highlighted
{
	background-color:#41A7DE;
	color: #ffffff;
}

#GoalItemList .infoBlurb
{
	margin-bottom: 20px;
	clear: both;
	float: left;
}


#GoalItemList .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 500px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#GoalItemList .detailSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size: 0.8em;
	color: #666666;	
}

#GoalItemList .headerSection a
{
	font-size: 1em;
}

#GoalItemList .footerSection
{
	line-height: 1.5em;
	float:left;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#GoalItemList .footerSection span.detail
{
	color: #003366;
}


#GoalItemList .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#GoalItemList .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


#GoalItemList .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#GoalItemList .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


/*Info Side Bar Panel */

#InfoSideBar
{
	width: 200px;
	min-height: 300px;
	float: left;
	background-image:url(../pics/InformationControl/Generic/sidebar_bg.png);
}


#InfoSideBar .sideBar
{
	width: 200px;
	padding: 0px;
	min-height: 300px;
	float: left;
	background-image:url(../pics/InformationControl/Generic/sidebar_grad.png);
	background-repeat: repeat-x;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}


#InfoSideBar .sideBar .sectionHeader
{
	width: 100%;
	height: auto;
}

#InfoSideBar .sideBar .sectionContent
{
	width: 180px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
	font-size: 0.8em;
	float: left;
	clear: both;
}

#InfoSideBar .sideBar .sectionContent .contentText
{
	float: left;
	line-height: 20px;
	overflow: visible;
}


#InfoSideBar .sideBar .sectionContent img
{
	padding-right: 10px;
	vertical-align: middle;
	float: left;
}


	/*Info Side bar for Goal Item*/	
	
	#InfoSideBar .sideBar .sectionHead
	{
		text-align: left;
		line-height: 1.8em;
		border-bottom: 1px solid #FFFFFF;
		vertical-align: middle;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		clear: both;
	}
	
	#InfoSideBar .sideBar .sectionHead img
	{
		vertical-align: middle;
	}	

	#InfoSideBar .sideBar .spacer
	{
		height: 10px;
		float: left;
		clear: both;
		width: 100%
	}	
	
	
	#InfoSideBar .sideBar .sectionContent a
	{
		text-decoration: none;
		color: #FFFFFF;		
		font-size: 1em;
	}		
	
	#InfoSideBar .sideBar .sectionContent a:hover
	{
		text-decoration: none;
		color: #ff9900;		
	}		
	
	#InfoSideBar .sideBar .sectionContent img
	{
		vertical-align: middle;		
		border: 0;
	}		

	
	#InfoSideBar .sideBar .sectionContent ul
	{
		vertical-align: middle;
		float: left;
	}	
	
	#InfoSideBar .sideBar .subitem
	{
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		margin-left: 20px;
		float: left;
		clear: both;
		font-style: italic;
		font-size: 0.9em;
	}	
	
	#InfoSideBar .sideBar .subitem img
	{
		vertical-align: middle;	
		border: 0;	
	}		
	
	#InfoSideBar .sideBar .subitem a
	{
		text-decoration: underline;
		color: #FFFFFF;		
	}	
		

	#InfoSideBar .sideBar .subitem a:hover
	{
		color: #ff9900;		
	}	
		

	#InfoSideBar .sideBar .subitem a.deletesubitem
	{
		font-size: 0.8em;
		text-decoration: none;
		color:#CEDDE8;		
	}	
		

	#InfoSideBar .sideBar .subitem a.deletesubitem:hover
	{
		color:#CC0000;		
	}


	#InfoSideBar .sideBar .featurelist
	{
		padding-left: 5px;
		list-style: none;
	}

	#InfoSideBar .sideBar .featurelist li
	{
		padding-bottom: 3px;
	}

	#InfoSideBar .sideBar .featurelist li:before
	{
		content: "\00BB \0020";
	}
	
	#InfoSideBar .sideBar img.thumb
	{
		width: 66px;
		float: left;
		margin-bottom: 10px;
		margin-right:10px;
		border: 2px solid #f3730a;
		padding: 0px;
	}	
	
	#InfoSideBar .sideBar div.title
	{
		width: 100px;
		float: left;
	}		


#InfoSideBar .sideBarLoggedIn
{
	width: 180px;
	padding: 10px;
	padding-top: 0px;
	border-top: 1px solid #FFFFFF;
	min-height: 300px;
	float: left;
	background-color: #D8ECF5;
	font-weight: bold;
	text-align: center;
}

	/*Info Side bar for Goal Item ( Logged in sidebar ) */
	
	#InfoSideBar .sideBarLoggedIn img.thumb
	{
		width: 56px;
		margin-left: 20px;
		margin-bottom: 20px;
		border: 2px solid #f3730a;
		float: left;
	}	
	
	#InfoSideBar .sideBarLoggedIn .sectionHead
	{
		text-align: left;
		line-height: 1.8em;
		border-bottom: 1px solid #FFFFFF;
		vertical-align: middle;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		clear: both;
	}
	
	#InfoSideBar .sideBarLoggedIn .sectionHead img
	{
		vertical-align: middle;
	}	

	#InfoSideBar .sideBarLoggedIn .spacer
	{
		height: 10px;
		float: left;
		clear: both;
		width: 100%
	}	
		
	#InfoSideBar .sideBarLoggedIn .sectionContent
	{
		text-align: left;
		line-height: 1.5em;
		font-weight: normal;
		vertical-align: middle;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-left: 10px;
		float: left;
		clear: both;
		font-size: 0.8em;
	}	
	
	#InfoSideBar .sideBarLoggedIn .sectionContent img
	{
		margin-right: 5px;
		border: 0;
	}	
	
	
	#InfoSideBar .sideBarLoggedIn .sectionContent a
	{
		text-decoration: none;
		color: #FFFFFF;		
		font-size: 1em;
	}		
	
	#InfoSideBar .sideBarLoggedIn .sectionContent a:hover
	{
		text-decoration: none;
		color: #ff9900;		
	}		
	
	#InfoSideBar .sideBarLoggedIn .sectionContent img
	{
		vertical-align: middle;		
		border: 0;
	}		

	
	#InfoSideBar .sideBarLoggedIn .sectionContent ul
	{
		vertical-align: middle;
		float: left;
	}	
	
	#InfoSideBar .sideBarLoggedIn .tag
	{
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		margin-left: 20px;
		float: left;
		clear: both;
		font-style: italic;
		font-size: 0.9em;
	}	
	
	#InfoSideBar .sideBarLoggedIn .tag img
	{
		vertical-align: middle;	
		border: 0;	
	}		
	
	#InfoSideBar .sideBarLoggedIn .tag a
	{
		text-decoration: none;
		color: #FFFFFF;		
	}	
		

	#InfoSideBar .sideBarLoggedIn .tag a:hover
	{
		color: #ff9900;		
	}	
		

	#InfoSideBar .sideBarLoggedIn .tag a.deletetag
	{
		font-size: 0.8em;
		text-decoration: none;
		color:#CEDDE8;		
	}	
		

	#InfoSideBar .sideBarLoggedIn .tag a.deletetag:hover
	{
		color:#CC0000;		
	}


	#InfoSideBar .sideBarLoggedIn .featurelist
	{
		padding-left: 5px;
		list-style: none;
	}

	#InfoSideBar .sideBarLoggedIn .featurelist li
	{
		padding-bottom: 3px;
	}

	#InfoSideBar .sideBarLoggedIn .featurelist li:before
	{
		content: "\00BB \0020";
	}


/* Default Tag Cloud Classes */

#TagCloud
{
}


/* General Form Classes */

#Form
{
	float: left;
	width:100%;
	clear:both;
}
}

#Form .formFields
{
	margin: auto;
	width: 200px;
}

#Form .input
{
	width: 100%;
	padding-top: 2px;
}

#Form .input textarea 
{
	width: 496px;
	height: 150px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Form .input textarea.inputerror
{
	border: 2px solid #CC0000;
	font-size: 1em;
}

#Form .label
{
	width: 100%;
	padding-top: 10px;
	font-weight: bold;
	color:#666666;
}

#Form .description
{
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	color:#999999;
}

#Form .error
{
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	color:#cc0000;
}

#Form .input input 
{
	width: 496px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Form .input input.inputerror
{
	border: 2px solid #CC0000;
}


#Form .submit
{
	float: right;
	background-color: #e1e1e1;
	color: #333333;
	border: 1px solid #333333;
	margin-top: 10px;	
}


/* Login Form Classes */

#UserForm
{

}

#UserForm .formFields
{
	margin: auto;
	width: 200px;
}

#UserForm .input
{
	width: 200px;
	padding-top: 2px;
}

#UserForm .label
{
	width: 200px;
	padding-top: 10px;
}

#UserForm .input input 
{
	width: 100%;
}


#UserForm .submit
{
	float: right;
	margin: 10px;
}

#LoginMessage
{
	padding: 10px;
}

#LoginMessage ul
{
	list-style: none;
	padding-left: 10px;
}

#LoginMessage ul li:before
{
	content: "\00BB \0020";
}


/*Main container that sets the width of the user info content section, so 
  that the side bar can fit in.*/
#UserInfoContent
{
	width: 500px;
	float: left;
	padding:10px;
}


#UserInfo
{
	float: left;
	width:100%;
	clear:both;
}


#UserInfo .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 10px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;
}

#UserInfo .contentSection
{
	width: 490px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}


#UserInfo .tagCloud
{
	padding: 5px;
	width: auto;
	text-align: center;
	font-size: 2em;
}


#UserInfo .tagCloud a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#UserInfo .tagCloud a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}


#UserInfo .detailedItem
{
	float: left;
	width: 490px;
	padding: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	color: #005577;
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
}

#UserInfo .detailedItem img
{
	float: left;
	margin-right: 10px;
	border: 2px solid #FF9224;
	width: 50px;
}

#UserInfo .detailedItem a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
}

#UserInfo .detailedItem a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}

#UserInfo .detailedItem .description
{
	font-size: 0.8em;
	color:#6D8DB1;
}


#UserInfo .detailedItem .options
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}


#UserInfo .simpleItem
{
	float: left;
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #ddddEF;
	color: #005577;
}

#UserInfo .simpleItem a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
}

#UserInfo .simpleItem a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}

#UserInfo .simpleItem .options
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}


#UserInfo .footerSection
{
	line-height: 1.5em;
	float:left;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#UserInfo .footerSection span.detail
{
	color: #003366;
}


#UserInfo .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#UserInfo .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


#UserInfo .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#UserInfo .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


#UserInfo .userSearch
{
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#E2E8EF;
	border: 1px dashed #6583A3;
	text-align:center;
}


/*Main container that sets the width of the user info content section, so 
  that the side bar can fit in.*/
#GroupInfoContent
{
	width: 500px;
	float: left;
	padding:10px;
}


/*GROUP INFO PAGES*/

#GroupInfo
{
	float: left;
	width:100%;
	clear:both;
}

#GroupInfo .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 10px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;
}

#GroupInfo .contentSection
{
	width: 490px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}

#GroupInfo .headerSection a
{
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
}

#GroupInfo .headerSection a:hover
{
	color:#FF6633;
}


#GroupInfo .GroupDetail
{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}

.GroupDetail .Options
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}
 
.GroupDetail .Options a
{
	text-decoration: underline;
	color:#aaaaaa;
}

.GroupDetail .Options a:hover
{
	color:#ffffff;
	background-color: #0066ff;
}

.GroupDetail .Title
{
	width: 435px;
	float: right;
	margin-bottom: 5px;
	line-height: 3em;
	height: 3em;
}

.GroupDetail .Title img
{
	float: right;
	width: auto;
	height: auto;
	border: none;
	margin: 0;
}


.GroupDetail img
{
	float: left;
	margin-right: 5px;
	width: 3em;
	vertical-align: middle;
	border: 2px solid #ff6600;
}

.GroupDetail .Title a
{
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
}

.GroupDetail .Title a:hover
{
	background-color: #0099FF;
	color: #ffffff;
}

.GroupDetail .Body
{
	float: left;
	font-style: italic;
	font-size: 0.9em;
	width: 410px;
	padding-left: 5px;
	padding-right: 5px;
}


#GroupInfo .simpleItem
{
	float: left;
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #ddddEF;
	color: #005577;
}

#GroupInfo .simpleItem a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
}

#GroupInfo .simpleItem a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}

#GroupInfo .simpleItem .options
{
	float: right;
	font-style:italic;
	color: #799BC1;
}

#GroupInfo .groupSearch
{
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#E2E8EF;
	border: 1px dashed #6583A3;
	text-align:center;
}

#GroupInfo .groupJoin
{
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	background-color:#f1f1f1;
	border: 1px solid #e1e1e1;
	float: left;
	width: 490px;
}

#GroupInfo .groupJoin .inputLabel
{
	width: 120px;
	margin-right: 5px;
	text-align: right;
	float: left;
	margin-top: 10px;
}

#GroupInfo .groupJoin .input
{
	width: 200px;
	background-color:#ffffff;
	border: 1px solid #666666;
	float: left;
	margin-top: 10px;
}


#GroupInfo .groupJoin .submit
{
	float: right;
	clear: both;	
	margin-top: 10px;
}


#GroupInfo .footerSection
{
	line-height: 1.5em;
	float:left;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#GroupInfo .footerSection span.detail
{
	color: #003366;
}


#GroupInfo .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#GroupInfo .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


#GroupInfo .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#GroupInfo .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


/*Main container that sets the width of the tag info content section 
  that doesn't have the sidebar*/
#TagInfoContent
{
	width: 500px;
	float: left;
	padding: 10px;
}


/* TAG INFO PAGES */


#TagInfo
{
	float: left;
	width:100%;
	clear:both;
}


#TagInfo .headerSection
{
	line-height: 1.5em;
	font-size: 1.4em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
	margin-bottom: 10px;
}

#TagInfo .headerSection a
{
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
}

#TagInfo .headerSection a:hover
{
	color:#FF6633;
}


#TagInfo .tagCloud
{
	padding: 10px;
	margin-bottom: 20px;
	background-color:#f6f6f6;
	border: 1px solid #e1e1e1;	
	width: auto;
	text-align: center;
	font-size: 2em;
	color: #666666;	
}


#TagInfo .tagCloud a
{
	text-decoration: none;
	font-weight:bold;
	color: #666666;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#TagInfo .tagCloud a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}


#TagInfo .quickJump
{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	background-color:#FDF1DF;
	border: 1px solid #FF9224;
}


/*Static Page Styles*/

#StaticContent
{
	padding: 10px;
}


.homeTable
{
	width: 490px;
	clear: right;
}

.featuredHeader
{
	font-size: 1.4em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 5px;
}

.homeTable td
{
	width: 50%;
	padding: 10px;
	padding-top: 0px;
}

.homeTable .top
{
	padding-top: 5px;
	padding-bottom: 7px;
}	

.homeTable td .headerHome
{
	color: #d29f56;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

.homeTable td .subHeader
{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.homeTable td img
{
	width: 150px;
	height: 110px;
}

.aboutLeft
{
	float: left;
	width: 180px;
	font-size: 10px;
	color: #999999;
	margin-right: 20px;
	padding: 5px;
	background-color: #E2E8EF;
	border: 1px solid #7D94BD;
}

.aboutRight
{
	float: left;
}

.aboutRight .leftLink
{
	margin-left: 15px;
}

.aboutRight .leftLink:before
{
	content: "\00BB \0020";
}

.aboutRight .leftLink a
{
	text-decoration: none;
}

.aboutRight .leftLink a:hover
{
	text-decoration: underline;
}

.HelpItem
{
	padding-bottom: 40px;
}

.HelpToTop
{
	float: right;
	padding-top: 15px;
	font-size: 10px;
}

.HelpToTop a
{
	font-size: 10px;
	text-decoration: none;
}

.HelpToTop a:hover
{
	text-decoration: underline;
}


/*homepge styles*/

#HomeTagInfoContent
{
	width: 480px;
}


#Featured
{
	float: right;
	width: 500px;
}


#Featured .featuredHeader
{
	width: 100%;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 10px;
}

#Featured .featuredContent .featureTitle img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 1.3em;
	border-bottom: 0px solid #FF9224;
}


#Featured .featuredSplitter
{
	width: 100%;
	height: 4px;
	background-image:url(../pics/InformationControl/Generic/splitter_bg.png);
	clear: both;
}


#Featured .featuredContent
{
	width: 480px;
	background-image:url(../pics/InformationControl/Generic/content_bg.png);
	background-repeat:repeat-x;
	padding: 10px;
}


#Featured .featuredContent .featureTitle
{
	font-size: 1.5em;
	line-height: 1.5em;
	text-decoration: none;
	font-weight:bold;
	color: #005577;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
	border-bottom: 2px solid #FF9224;
}

#Featured .featuredContent > img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 40px;
}


#FeaturedTagInfo
{
	width:100%;
	clear:both;
}


#FeaturedTagInfo .headerSection
{
	line-height: 1.5em;
	font-size: 1.2em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

#FeaturedTagInfo .headerSection a
{
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
}

#FeaturedTagInfo .headerSection a:hover
{
	color:#FF6633;
}


#FeaturedTagInfo .tagCloud
{
	padding: 10px;
	margin-bottom: 20px;
	background-color:#E2E8EF;
	border: 1px solid #ddddEF;	
	width: auto;
	text-align: center;
	font-size: 1.6em;
}


#FeaturedTagInfo .tagCloud a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#FeaturedTagInfo .tagCloud a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}


#Browse
{
	float: left;
	width: 200px;
	margin-right: 10px;
}


#Browse .browseHeader
{
	width: 100%;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 10px;
}

#Browse .browseContent .featureTitle img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 1.3em;
	border-bottom: 0px solid #FF9224;
}


#Browse .browseSplitter
{
	width: 100%;
	height: 4px;
	background-image:url(../pics/InformationControl/Generic/splitter_bg.png);
	clear: both;
}


#Browse .browseContent
{
	width: 180px;
	background-image:url(../pics/InformationControl/Generic/content_bg.png);
	background-repeat:repeat-x;
	padding: 10px;
}

 
#ErrorMessage
{
	width: 100%;
	background-color:#F1C4B8;
	border: 1px dashed #990000;
	color: #990000;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	font-weight: bold;
}

#SuccessMessage
{
	width: 100%;
	background-color: #C9E4AB;
	border: 1px dashed #517133;
	color: #517133;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	font-weight: bold;
}


#HomePage
{
	float:left;
	font-size: 0.8em;
	color: #666666;
}

#HomePage .introSection
{
	background-image:url(../pics/InformationControl/Homepage/intro_content_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#HomePage .intro
{
	float: left;
	width: 195px;
	padding: 5px;
}

#HomePage .introText
{
	float: left;
	clear: both;
	margin-bottom: 15px;
}

#HomePage .mainLink
{
	float: left;
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 5px;
	margin-left: 30px;
	margin-right: auto;
	width: 180px;
	
}

#HomePage .mainLink a
{
	font-size: 1em;
	color:#666666;
	text-decoration: none;
}

#HomePage .mainLink a:hover
{
	color:#ff9900;
}

#HomePage .mainLink img
{
	vertical-align: middle;
	margin-right: 10px;
}

#HomePage .quicklinks
{
	width: 506px;
	float: left;
}


#HomePage .quickLinksContent
{
	/*
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
	*/
	width: 380px;
	/*height: 170px;*/
	overflow: visible;
	opacity: 0.8;
	color: #003366;
	font-size: 1.3em;
	font-weight: bold;
	/*text-align: center;*/
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 50px;
}

#HomePage .quickLinksContent a
{
	text-decoration: none;
	font-weight: bold;
}

#HomePage .quickLinksContent a:hover
{
	background-color: #0099ff;
	color: #FFFFFF;
}


#HomePage .featuredClips
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 710px;
	padding:5px;
	background: #f6f6f6;
	border: 1px solid #e1e1e1;
	float: left;
	clear: both;
	line-height: 1.5em;
}

#HomePage .featuredClips .title
{
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	clear: both;
}

#HomePage .featuredClips .title a
{
	font-size: 0.8em;
	font-weight: normal;
	float: right;
	text-decoration: underline;
	color: #666666;
}

#HomePage .featuredClips .title a
{
	color: #ff6600;
}

#HomePage .featuredGroup
{
	width: 350px;
	border: 1px dashed #3b80aa;
	background-color: #eff7fb;
	float: left;
	margin-right: 16px;
}

#HomePage .featuredGroup .title
{
	border-bottom: 1px dashed #3b80aa;
	padding: 5px;
	width: 340px;
	height: 2em;
	line-height: 2em;
}

#HomePage .featuredGroup .title img
{
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
}


#HomePage .featuredGroupContent
{
	width: 330px;
	padding: 10px;
	line-height: 1.5em;
	padding-bottom: 10px;
	float:left;
}

#HomePage .groupTitle
{
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #ff9900;
	height: 3em;
	line-height: 3em;
	clear: both;
}

#HomePage .groupTitle img
{
	border: 2px solid #ff9900;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	height: 3em;
}

#HomePage .groupTitle a
{
	font-size:1em;
	text-decoration: none;
	color:#ff9900;
	font-weight: bold;
}

#HomePage .groupTitle a:hover
{
	color: #ffffff;
	background-color: #0099ff;
}

#HomePage .groupDescription
{
	margin-bottom: 10px;
	font-size: 1em;
	color: #666666;
	float: left;
	clear: both;	
}

#HomePage .groupFeaturedItem
{
	margin-bottom: 5px;
	line-height: 1.5em;
	float: left;
	clear: both;
	width: 100%;	
}

#HomePage .groupFeaturedItem img
{
	border: 2px solid #ff9900;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	width: 38px;
	height: 31px;
	overflow: hidden;
}

#HomePage .groupFeaturedItem a
{
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
	color: #666666;
}

#HomePage .groupFeaturedItem a:hover
{
	color: #ff9900;
}


#HomePage .myNewsfilm
{
	width: 350px;
	border: 1px dashed #ff9224;
	background-color: #fef5e9;
	float: left;
}

#HomePage .myNewsfilm .title
{
	border-bottom: 1px dashed #ff9224;
	padding: 5px;
	width: 340px;
	height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
}


#HomePage .myNewsfilm .title img
{	
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
}

#HomePage .myNewsfilm .mynfocontent
{
	padding: 5px;
	width: 340px;
}

#HomePage .myNewsfilm .mynfocontent .event
{
	margin-bottom: 10px;
	width: 340px;
	line-height: 1.5em;
	float: left;
	clear: both;	
}

#HomePage .myNewsfilm .mynfocontent .event .text
{
	float: left;
	width: 295px;
}

#HomePage .myNewsfilm .mynfocontent .event a
{
	font-size: 1em;
	color:#ff6600;
	font-weight: bold;
	text-decoration:none;
}

#HomePage .myNewsfilm .mynfocontent .event a:hover
{
	color: #ffffff;
	background-color: #0066ff;
}

#HomePage .myNewsfilm .mynfocontent .event a.tag
{
	font-weight: normal;
}

#HomePage .myNewsfilm .mynfocontent .event a.group
{
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

#HomePage .myNewsfilm .mynfocontent .event a.group:hover
{
	color:#ff9900;
	background-color: none;
}

#HomePage .myNewsfilm .mynfocontent .event img
{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
	width: 25px;
	float: left;
}


#HomePage div.featuredItems
{
	width: 710px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left
}


#HomePage div.featuredItem
{
	text-align: center;
	float: left;
	width: 132px;
	margin-right: 5px;
	margin-left: 5px;	
}

#HomePage div.featuredItem img
{
	width: 100px;
	border: 3px solid #ff9900;
}

#HomePage div.featuredItem a
{
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}

#HomePage div.featuredItem a:hover
{
	color: #ff9900;
}


/* ################### GENERIC EVENT STYLES FOR USER AND GROUP HOMEPAGE ###################*/

#EventFeed
{
	width: 500px;
	font-size: 0.8em;
	color: #666666;
}

#EventFeed .event
{
	margin-bottom: 10px;
	width: 500px;
	line-height: 2em;
	float: left;
	clear: both;	
}

#EventFeed .event .text
{
	float: left;
	width: 450px;
}

#EventFeed .event a
{
	font-size: 1em;
	color:#ff6600;
	font-weight: bold;
	text-decoration:none;
}

#EventFeed .event a:hover
{
	color: #ffffff;
	background-color: #0066ff;
}

#EventFeed .event a.tag
{
	font-weight: normal;
}

#EventFeed .event a.group
{
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

#EventFeed .event a.group:hover
{
	color:#ff9900;
	background-color: none;
}

#EventFeed .event img
{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
	width: 25px;
	float: left;
}


=======
#IC div.loading
{
	width:auto;
	height: 100px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	color: #32496D;
	font-weight:bold;	
	line-height: 40px;
}


#IC .header
{
	width: 700px;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 10px;
	padding-left: 5px;
	float: left;
}

#IC .header img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 1.3em;
}

#IC .header a
{
	text-decoration: none;
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
}

#IC .header a:hover
{
	background-color:#0099FF;
	color: #FFFFFF;
}


#IC .header span.slash
{
	color: #266e9b;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
}

#IC .header span.current
{
	color: #5fa8cf;
}


#IC .splitter
{
	width: 100%;
	height: 4px;
	background-image:url(../pics/InformationControl/Generic/splitter_bg.png);
	float: left;
	clear: both;
}


#IC .content
{
	width: 720px;
	background-image:url(../pics/InformationControl/Generic/content_bg.png);
	background-repeat:repeat-x;
	float: left;
}

#IC .content .error
{
	
}

#IC .content .success
{
}


/* Video Surface classes */

#videoSurface .loadingBG
{
	background-image: url(../pics/InformationControl/GoalItem/video_loading.gif);
	background-repeat: no-repeat;
	background-position:center center;
}


/* Default Goal Item Info Class */

#GoalItemInfo
{
	padding:10px;
	float: left;
	width:500px;
	clear:both;
}


#GoalItemInfo .videoContainer
{
	width: 200px;
	float: left;
}

#GoalItemInfo .videoContainer .video
{
	float: left;
	width: 200px;
	height: 165px;
	position:relative;
}

#GoalItemInfo .videoContainer .videolding
{
	float: left;
	width: 200px;
	height: 165px;
	position:relative;
	background-image: url(../pics/InformationControl/GoalItem/video_loading.gif);
	background-repeat: no-repeat;
	background-position:center center;	
}

#GoalItemInfo .videoContainer .video img
{
	width: 100%;
	height: 100%;
}

#GoalItemInfo .videoContainer .video .playControls
{
	position: absolute;
	top: 50px;
	left: 0px;
	text-align: center;
	position: absolute;
	width: 200px;
}

#GoalItemInfo .videoContainer .video .playControls img
{
	padding: 2px;
	border: 0px;
	width: 41px;
}

#GoalItemInfo .basicInfo
{
	width: 290px;
	margin-left: 10px;
	float: left;
	color: #666666;
	font-size: 0.8em;
}

#GoalItemInfo .basicInfo .light
{
	color:#999999;
	font-style: italic;	
}

#GoalItemInfo .extraInfo
{
	width: 500px;
	float: left;
	color: #666666;
	font-size: 0.8em;
}

#GoalItemInfo .extraInfo .infoItemContainer
{
	width: 500px;
	float: left;
}

#GoalItemInfo .extraInfo .infoLabel
{
	width: 150px;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	font-weight: bold;
}

#GoalItemInfo .extraInfo .infoContent
{
	width: 325px;
	float: left;
	margin-bottom: 5px;
	margin-left: 10px;
}

#GoalItemInfo .extraInfo .infoContent a
{
	color: #666666;
}

#GoalItemInfo .extraInfo .infoContent a:hover
{
	color: #ffffff;
	background-color: #0066ff;
}


#GoalItemInfo .infoSectionHeader
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;
}

#GoalItemInfo .infoSectionSubHeader
{
	line-height: 1.5em;
	float:left;
	width: 485px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
	padding-left: 10px;
}

#GoalItemInfo .infoSectionSubHeader a
{
	color:#666666;
	font-size: 1em;
}

#GoalItemInfo .infoSectionSubHeader a:hover
{
	color:#ff6600;
}

#GoalItemInfo .infoSectionFooter
{
	line-height: 1.5em;
	float:left;
	width: 490px;;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
}

#GoalItemInfo .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
}

#GoalItemInfo .footerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;	
}

#GoalItemInfo .footerSection span.detail
{
	color: #003366;
}


#GoalItemInfo .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#GoalItemInfo .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


.footerSection a.count
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
}


#GoalItemInfo .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#GoalItemInfo .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


#GoalItemInfo .thumbnails
{
	margin-top: 20px;
}


#GoalItemInfo .thumbnails .thumbnailPlaceholder
{
	margin-left: 20px;	
	margin-bottom: 10px;
	margin-top: 10px;	
	width: 130px;
	height: 104px;
	float: left;
	padding: 5px;
	background-image:url(../pics/InformationControl/GoalItemList/thumb_bg.png);
	background-repeat:repeat-x;	
}

#GoalItemInfo .thumbnails .thumbnailPlaceholder img
{	
	width: 130px;
}


#GoalItemInfo .GoalItemComment
{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}

.GoalItemComment .CommentDate
{
	width: 490px;
	text-align: right;
	margin-top: 5px;
	font-size: 1em;
	color:#CCCCCC;
}

.GoalItemComment .CommentTitle
{
	float: right;
	margin-bottom: 5px;
	line-height: 1.5em;
	width: 435px;
}

.GoalItemComment img
{
	float: left;
	margin-right: 5px;
	width: 40px;
	vertical-align: middle;
	border: 2px solid #ff6600;
}

.GoalItemComment .CommentTitle img
{
	float: right;
	width: auto;
	height: auto;
	border: none;
	margin: 0;
}

.GoalItemComment .CommentTitle a
{
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
}

.GoalItemComment .CommentTitle a:hover
{
	background-color: #0099FF;
	color: #ffffff;
}

.GoalItemComment .CommentBody
{
	float: left;
	font-style: italic;
	font-size: 1em;
	width: 410px;
	padding-left: 5px;
	padding-right: 5px;
}

#CommentsForm textarea
{
	width: 495px;
	height: 100px;	
	background-color: #f6f6f6;
	color: #333333;
	border: 1px solid #e1e1e1;	
}

#CommentsForm input
{	
	background-color: #e1e1e1;
	color: #333333;
	border: 1px solid #333333;	
}


#GoalItemInfo .CommentLogin
{
	margin-bottom: 10px;
}

#GoalItemInfo .CommentLogin a
{
	font-weight: bold;
	text-decoration: none;
}

#GoalItemInfo .CommentLogin a:hover
{
	text-decoration: underline;
}


/* Default List of Goal Item Classes */

#GoalItemList
{
	float: left;
	width:100%;
	clear:both;
}

#GoalItemList .listGoalItem
{
	font-size: 1em;
	color: #266e9b;
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddddEF;
}


#GoalItemList .listGoalItem .thumbnail
{
	width: 120px;
	padding: 5px;
	background-image:url(../pics/InformationControl/GoalItemList/thumb_bg.png);
	background-repeat:repeat-x;
	float: left;
	margin-right: 10px;
	min-height: 96px;
	overflow: hidden;
	color: #ffffff;
}

#GoalItemList .listGoalItem .thumbnail img
{
	width: 120px;
}

#GoalItemList .listGoalItem .details
{
	float: left;
	width: 360px;
}


#GoalItemList .listGoalItem a
{
	font-size: 1.3em;
	color: #f3730a;
	text-decoration: none;
	margin-right: 5px;
}

#GoalItemList .listGoalItem a:hover
{
	background-color:#0099FF;
	color: #FFFFFF;
}

#GoalItemList .listGoalItem span.date
{
	color: #6ab4d9;
	font-size: 0.8em;
	font-style: italic;
}

#GoalItemList .goalDetails
{
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size: 0.8em;
	color: #666666;
}

#GoalItemList .goalDetails a
{
	font-size: 1em;
	text-decoration: none;
	color:#666666;
}

#GoalItemList .goalDetails a:hover
{
	text-decoration: underline;
	background-color: none;
}

#GoalItemList .listGoalItem span.highlighted
{
	background-color:#41A7DE;
	color: #ffffff;
}

#GoalItemList .infoBlurb
{
	margin-bottom: 20px;
	clear: both;
	float: left;
}


#GoalItemList .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 500px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#GoalItemList .detailSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size: 0.8em;
	color: #666666;	
}

#GoalItemList .headerSection a
{
	font-size: 1em;
}

#GoalItemList .footerSection
{
	line-height: 1.5em;
	float:left;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#GoalItemList .footerSection span.detail
{
	color: #003366;
}


#GoalItemList .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#GoalItemList .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


#GoalItemList .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#GoalItemList .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


/*Info Side Bar Panel */

#InfoSideBar
{
	width: 200px;
	min-height: 300px;
	float: left;
	background-image:url(../pics/InformationControl/Generic/sidebar_bg.png);
}


#InfoSideBar .sideBar
{
	width: 200px;
	padding: 0px;
	min-height: 300px;
	float: left;
	background-image:url(../pics/InformationControl/Generic/sidebar_grad.png);
	background-repeat: repeat-x;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}


#InfoSideBar .sideBar .sectionHeader
{
	width: 100%;
	height: auto;
}

#InfoSideBar .sideBar .sectionContent
{
	width: 180px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
	font-size: 0.8em;
	float: left;
	clear: both;
}

#InfoSideBar .sideBar .sectionContent .contentText
{
	float: left;
	line-height: 20px;
	overflow: visible;
}


#InfoSideBar .sideBar .sectionContent img
{
	padding-right: 10px;
	vertical-align: middle;
	float: left;
}


	/*Info Side bar for Goal Item*/	
	
	#InfoSideBar .sideBar .sectionHead
	{
		text-align: left;
		line-height: 1.8em;
		border-bottom: 1px solid #FFFFFF;
		vertical-align: middle;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		clear: both;
	}
	
	#InfoSideBar .sideBar .sectionHead img
	{
		vertical-align: middle;
	}	

	#InfoSideBar .sideBar .spacer
	{
		height: 10px;
		float: left;
		clear: both;
		width: 100%
	}	
	
	
	#InfoSideBar .sideBar .sectionContent a
	{
		text-decoration: none;
		color: #FFFFFF;		
		font-size: 1em;
	}		
	
	#InfoSideBar .sideBar .sectionContent a:hover
	{
		text-decoration: none;
		color: #ff9900;		
	}		
	
	#InfoSideBar .sideBar .sectionContent img
	{
		vertical-align: middle;		
		border: 0;
	}		

	
	#InfoSideBar .sideBar .sectionContent ul
	{
		vertical-align: middle;
		float: left;
	}	
	
	#InfoSideBar .sideBar .subitem
	{
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		margin-left: 20px;
		float: left;
		clear: both;
		font-style: italic;
		font-size: 0.9em;
	}	
	
	#InfoSideBar .sideBar .subitem img
	{
		vertical-align: middle;	
		border: 0;	
	}		
	
	#InfoSideBar .sideBar .subitem a
	{
		text-decoration: underline;
		color: #FFFFFF;		
	}	
		

	#InfoSideBar .sideBar .subitem a:hover
	{
		color: #ff9900;		
	}	
		

	#InfoSideBar .sideBar .subitem a.deletesubitem
	{
		font-size: 0.8em;
		text-decoration: none;
		color:#CEDDE8;		
	}	
		

	#InfoSideBar .sideBar .subitem a.deletesubitem:hover
	{
		color:#CC0000;		
	}


	#InfoSideBar .sideBar .featurelist
	{
		padding-left: 5px;
		list-style: none;
	}

	#InfoSideBar .sideBar .featurelist li
	{
		padding-bottom: 3px;
	}

	#InfoSideBar .sideBar .featurelist li:before
	{
		content: "\00BB \0020";
	}
	
	#InfoSideBar .sideBar img.thumb
	{
		width: 66px;
		float: left;
		margin-bottom: 10px;
		margin-right:10px;
		border: 2px solid #f3730a;
		padding: 0px;
	}	
	
	#InfoSideBar .sideBar div.title
	{
		width: 100px;
		float: left;
	}		


#InfoSideBar .sideBarLoggedIn
{
	width: 180px;
	padding: 10px;
	padding-top: 0px;
	border-top: 1px solid #FFFFFF;
	min-height: 300px;
	float: left;
	background-color: #D8ECF5;
	font-weight: bold;
	text-align: center;
}

	/*Info Side bar for Goal Item ( Logged in sidebar ) */
	
	#InfoSideBar .sideBarLoggedIn img.thumb
	{
		width: 56px;
		margin-left: 20px;
		margin-bottom: 20px;
		border: 2px solid #f3730a;
		float: left;
	}	
	
	#InfoSideBar .sideBarLoggedIn .sectionHead
	{
		text-align: left;
		line-height: 1.8em;
		border-bottom: 1px solid #FFFFFF;
		vertical-align: middle;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		clear: both;
	}
	
	#InfoSideBar .sideBarLoggedIn .sectionHead img
	{
		vertical-align: middle;
	}	

	#InfoSideBar .sideBarLoggedIn .spacer
	{
		height: 10px;
		float: left;
		clear: both;
		width: 100%
	}	
		
	#InfoSideBar .sideBarLoggedIn .sectionContent
	{
		text-align: left;
		line-height: 1.5em;
		font-weight: normal;
		vertical-align: middle;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-left: 10px;
		float: left;
		clear: both;
		font-size: 0.8em;
	}	
	
	#InfoSideBar .sideBarLoggedIn .sectionContent img
	{
		margin-right: 5px;
		border: 0;
	}	
	
	
	#InfoSideBar .sideBarLoggedIn .sectionContent a
	{
		text-decoration: none;
		color: #FFFFFF;		
		font-size: 1em;
	}		
	
	#InfoSideBar .sideBarLoggedIn .sectionContent a:hover
	{
		text-decoration: none;
		color: #ff9900;		
	}		
	
	#InfoSideBar .sideBarLoggedIn .sectionContent img
	{
		vertical-align: middle;		
		border: 0;
	}		

	
	#InfoSideBar .sideBarLoggedIn .sectionContent ul
	{
		vertical-align: middle;
		float: left;
	}	
	
	#InfoSideBar .sideBarLoggedIn .tag
	{
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		margin-left: 20px;
		float: left;
		clear: both;
		font-style: italic;
		font-size: 0.9em;
	}	
	
	#InfoSideBar .sideBarLoggedIn .tag img
	{
		vertical-align: middle;	
		border: 0;	
	}		
	
	#InfoSideBar .sideBarLoggedIn .tag a
	{
		text-decoration: none;
		color: #FFFFFF;		
	}	
		

	#InfoSideBar .sideBarLoggedIn .tag a:hover
	{
		color: #ff9900;		
	}	
		

	#InfoSideBar .sideBarLoggedIn .tag a.deletetag
	{
		font-size: 0.8em;
		text-decoration: none;
		color:#CEDDE8;		
	}	
		

	#InfoSideBar .sideBarLoggedIn .tag a.deletetag:hover
	{
		color:#CC0000;		
	}


	#InfoSideBar .sideBarLoggedIn .featurelist
	{
		padding-left: 5px;
		list-style: none;
	}

	#InfoSideBar .sideBarLoggedIn .featurelist li
	{
		padding-bottom: 3px;
	}

	#InfoSideBar .sideBarLoggedIn .featurelist li:before
	{
		content: "\00BB \0020";
	}


/* Default Tag Cloud Classes */

#TagCloud
{
}


/* General Form Classes */

#Form
{
	float: left;
	width:100%;
	clear:both;
}
}

#Form .formFields
{
	margin: auto;
	width: 200px;
}

#Form .input
{
	width: 100%;
	padding-top: 2px;
}

#Form .input textarea 
{
	width: 496px;
	height: 150px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Form .input textarea.inputerror
{
	border: 2px solid #CC0000;
	font-size: 1em;
}

#Form .label
{
	width: 100%;
	padding-top: 10px;
	font-weight: bold;
	color:#666666;
}

#Form .description
{
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	color:#999999;
}

#Form .error
{
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	color:#cc0000;
}

#Form .input input 
{
	width: 496px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Form .input input.inputerror
{
	border: 2px solid #CC0000;
}


#Form .submit
{
	float: right;
	background-color: #e1e1e1;
	color: #333333;
	border: 1px solid #333333;
	margin-top: 10px;	
}


/* Login Form Classes */

#UserForm
{

}

#UserForm .formFields
{
	margin: auto;
	width: 200px;
}

#UserForm .input
{
	width: 200px;
	padding-top: 2px;
}

#UserForm .label
{
	width: 200px;
	padding-top: 10px;
}

#UserForm .input input 
{
	width: 100%;
}


#UserForm .submit
{
	float: right;
	margin: 10px;
}

#LoginMessage
{
	padding: 10px;
}

#LoginMessage ul
{
	list-style: none;
	padding-left: 10px;
}

#LoginMessage ul li:before
{
	content: "\00BB \0020";
}


/*Main container that sets the width of the user info content section, so 
  that the side bar can fit in.*/
#UserInfoContent
{
	width: 500px;
	float: left;
	padding:10px;
}


#UserInfo
{
	float: left;
	width:100%;
	clear:both;
}


#UserInfo .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 10px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;
}

#UserInfo .contentSection
{
	width: 490px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}


#UserInfo .tagCloud
{
	padding: 5px;
	width: auto;
	text-align: center;
	font-size: 2em;
}


#UserInfo .tagCloud a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#UserInfo .tagCloud a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}


#UserInfo .detailedItem
{
	float: left;
	width: 490px;
	padding: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	color: #005577;
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
}

#UserInfo .detailedItem img
{
	float: left;
	margin-right: 10px;
	border: 2px solid #FF9224;
	width: 50px;
}

#UserInfo .detailedItem a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
}

#UserInfo .detailedItem a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}

#UserInfo .detailedItem .description
{
	font-size: 0.8em;
	color:#6D8DB1;
}


#UserInfo .detailedItem .options
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}


#UserInfo .simpleItem
{
	float: left;
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #ddddEF;
	color: #005577;
}

#UserInfo .simpleItem a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
}

#UserInfo .simpleItem a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}

#UserInfo .simpleItem .options
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}


#UserInfo .footerSection
{
	line-height: 1.5em;
	float:left;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#UserInfo .footerSection span.detail
{
	color: #003366;
}


#UserInfo .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#UserInfo .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


#UserInfo .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#UserInfo .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


#UserInfo .userSearch
{
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#E2E8EF;
	border: 1px dashed #6583A3;
	text-align:center;
}


/*Main container that sets the width of the user info content section, so 
  that the side bar can fit in.*/
#GroupInfoContent
{
	width: 500px;
	float: left;
	padding:10px;
}


/*GROUP INFO PAGES*/

#GroupInfo
{
	float: left;
	width:100%;
	clear:both;
}

#GroupInfo .headerSection
{
	line-height: 1.5em;
	float:left;
	width: 490px;
	margin-bottom: 10px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: left;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	padding: 5px;
}

#GroupInfo .contentSection
{
	width: 490px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}

#GroupInfo .headerSection a
{
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
}

#GroupInfo .headerSection a:hover
{
	color:#FF6633;
}


#GroupInfo .GroupDetail
{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	color: #666666;
	float: left;
	border: 1px solid #e1e1e1;
}

.GroupDetail .Options
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}
 
.GroupDetail .Options a
{
	text-decoration: underline;
	color:#aaaaaa;
}

.GroupDetail .Options a:hover
{
	color:#ffffff;
	background-color: #0066ff;
}

.GroupDetail .Title
{
	width: 435px;
	float: right;
	margin-bottom: 5px;
	line-height: 3em;
	height: 3em;
}

.GroupDetail .Title img
{
	float: right;
	width: auto;
	height: auto;
	border: none;
	margin: 0;
}


.GroupDetail img
{
	float: left;
	margin-right: 5px;
	width: 3em;
	vertical-align: middle;
	border: 2px solid #ff6600;
}

.GroupDetail .Title a
{
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
}

.GroupDetail .Title a:hover
{
	background-color: #0099FF;
	color: #ffffff;
}

.GroupDetail .Body
{
	float: left;
	font-style: italic;
	font-size: 0.9em;
	width: 410px;
	padding-left: 5px;
	padding-right: 5px;
}


#GroupInfo .simpleItem
{
	float: left;
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #ddddEF;
	color: #005577;
}

#GroupInfo .simpleItem a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
}

#GroupInfo .simpleItem a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}

#GroupInfo .simpleItem .options
{
	float: right;
	font-style:italic;
	color: #799BC1;
}

#GroupInfo .groupSearch
{
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#E2E8EF;
	border: 1px dashed #6583A3;
	text-align:center;
}

#GroupInfo .groupJoin
{
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	background-color:#f1f1f1;
	border: 1px solid #e1e1e1;
	float: left;
	width: 490px;
}

#GroupInfo .groupJoin .inputLabel
{
	width: 120px;
	margin-right: 5px;
	text-align: right;
	float: left;
	margin-top: 10px;
}

#GroupInfo .groupJoin .input
{
	width: 200px;
	background-color:#ffffff;
	border: 1px solid #666666;
	float: left;
	margin-top: 10px;
}


#GroupInfo .groupJoin .submit
{
	float: right;
	clear: both;	
	margin-top: 10px;
}


#GroupInfo .footerSection
{
	line-height: 1.5em;
	float:left;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	background-color:#FDF1DF;
	border: 1px dashed #FF9224;
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}

#GroupInfo .footerSection span.detail
{
	color: #003366;
}


#GroupInfo .footerSection a.previous
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: left;
	margin-left: 10px;
}

#GroupInfo .footerSection a.next
{
	text-decoration: underline;
	color: #32496D;
	font-size: 1em;
	float: right;
	margin-right: 10px;
}


#GroupInfo .footerSection span.previous
{
	float: left;
	margin-left: 10px;
}

#GroupInfo .footerSection span.next
{
	float: right;
	margin-right: 10px;
}


/*Main container that sets the width of the tag info content section 
  that doesn't have the sidebar*/
#TagInfoContent
{
	width: 500px;
	float: left;
	padding: 10px;
}


/* TAG INFO PAGES */


#TagInfo
{
	float: left;
	width:100%;
	clear:both;
}


#TagInfo .headerSection
{
	line-height: 1.5em;
	font-size: 1.4em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
	margin-bottom: 10px;
}

#TagInfo .headerSection a
{
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
}

#TagInfo .headerSection a:hover
{
	color:#FF6633;
}


#TagInfo .tagCloud
{
	padding: 10px;
	margin-bottom: 20px;
	background-color:#f6f6f6;
	border: 1px solid #e1e1e1;	
	width: auto;
	text-align: center;
	font-size: 2em;
	color: #666666;	
}


#TagInfo .tagCloud a
{
	text-decoration: none;
	font-weight:bold;
	color: #666666;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#TagInfo .tagCloud a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}


#TagInfo .quickJump
{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	background-color:#FDF1DF;
	border: 1px solid #FF9224;
}


.staticSubHeader
{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color:#183F56;
	margin-bottom: 5px;
}


/*Static Page Styles*/

#StaticContent
{
	padding: 10px;
}


.homeTable
{
	width: 490px;
	clear: right;
}

.featuredHeader
{
	font-size: 1.4em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 5px;
}

.homeTable td
{
	width: 50%;
	padding: 10px;
	padding-top: 0px;
}

.homeTable .top
{
	padding-top: 5px;
	padding-bottom: 7px;
}	

.homeTable td .headerHome
{
	color: #d29f56;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

.homeTable td .subHeader
{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.homeTable td img
{
	width: 150px;
	height: 110px;
}

.aboutLeft
{
	float: left;
	width: 180px;
	font-size: 10px;
	color: #999999;
	margin-right: 20px;
	padding: 5px;
	background-color: #E2E8EF;
	border: 1px solid #7D94BD;
}

.aboutRight
{
	float: left;
}

.aboutRight .leftLink
{
	margin-left: 15px;
}

.aboutRight .leftLink:before
{
	content: "\00BB \0020";
}

.aboutRight .leftLink a
{
	text-decoration: none;
}

.aboutRight .leftLink a:hover
{
	text-decoration: underline;
}

.HelpItem
{
	padding-bottom: 40px;
}

.HelpToTop
{
	float: right;
	padding-top: 15px;
	font-size: 10px;
}

.HelpToTop a
{
	font-size: 10px;
	text-decoration: none;
}

.HelpToTop a:hover
{
	text-decoration: underline;
}


/*homepge styles*/

#HomeTagInfoContent
{
	width: 480px;
}


#Featured
{
	float: right;
	width: 500px;
}


#Featured .featuredHeader
{
	width: 100%;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 10px;
}

#Featured .featuredContent .featureTitle img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 1.3em;
	border-bottom: 0px solid #FF9224;
}


#Featured .featuredSplitter
{
	width: 100%;
	height: 4px;
	background-image:url(../pics/InformationControl/Generic/splitter_bg.png);
	clear: both;
}


#Featured .featuredContent
{
	width: 480px;
	background-image:url(../pics/InformationControl/Generic/content_bg.png);
	background-repeat:repeat-x;
	padding: 10px;
}


#Featured .featuredContent .featureTitle
{
	font-size: 1.5em;
	line-height: 1.5em;
	text-decoration: none;
	font-weight:bold;
	color: #005577;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
	border-bottom: 2px solid #FF9224;
}

#Featured .featuredContent > img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 40px;
}


#FeaturedTagInfo
{
	width:100%;
	clear:both;
}


#FeaturedTagInfo .headerSection
{
	line-height: 1.5em;
	font-size: 1.2em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

#FeaturedTagInfo .headerSection a
{
	font-size: 1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#80A0B5;
	font-weight:bold;
}

#FeaturedTagInfo .headerSection a:hover
{
	color:#FF6633;
}


#FeaturedTagInfo .tagCloud
{
	padding: 10px;
	margin-bottom: 20px;
	background-color:#E2E8EF;
	border: 1px solid #ddddEF;	
	width: auto;
	text-align: center;
	font-size: 1.6em;
}


#FeaturedTagInfo .tagCloud a
{
	text-decoration: none;
	font-weight:bold;
	color: #005577;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#FeaturedTagInfo .tagCloud a:hover
{
	color:#ffffff;
	background-color: #005577;
	
}


#Browse
{
	float: left;
	width: 200px;
	margin-right: 10px;
}


#Browse .browseHeader
{
	width: 100%;
	line-height: 1.5em;
	font-size: 1.8em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #f3730a;
	font-weight:bold;
	margin-bottom: 10px;
}

#Browse .browseContent .featureTitle img
{
	vertical-align:middle;
	margin-right: 10px;
	border: 2px solid #FF9224;
	height: 1.3em;
	border-bottom: 0px solid #FF9224;
}


#Browse .browseSplitter
{
	width: 100%;
	height: 4px;
	background-image:url(../pics/InformationControl/Generic/splitter_bg.png);
	clear: both;
}


#Browse .browseContent
{
	width: 180px;
	background-image:url(../pics/InformationControl/Generic/content_bg.png);
	background-repeat:repeat-x;
	padding: 10px;
}

 
#ErrorMessage
{
	width: 100%;
	background-color:#F1C4B8;
	border: 1px dashed #990000;
	color: #990000;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	font-weight: bold;
}

#SuccessMessage
{
	width: 100%;
	background-color: #C9E4AB;
	border: 1px dashed #517133;
	color: #517133;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	font-weight: bold;
}


#HomePage
{
	float:left;
	font-size: 0.8em;
	color: #666666;
}

#HomePage .introSection
{
	background-image:url(../pics/InformationControl/Homepage/intro_content_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#HomePage .intro
{
	float: left;
	width: 195px;
	padding: 5px;
}

#HomePage .introText
{
	float: left;
	clear: both;
	margin-bottom: 15px;
}

#HomePage .mainLink
{
	float: left;
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 5px;
	margin-left: 30px;
	margin-right: auto;
	width: 180px;
	
}

#HomePage .mainLink a
{
	font-size: 1em;
	color:#666666;
	text-decoration: none;
}

#HomePage .mainLink a:hover
{
	color:#ff9900;
}

#HomePage .mainLink img
{
	vertical-align: middle;
	margin-right: 10px;
}

#HomePage .quicklinks
{
	width: 400px;
	float: left;
}


#HomePage .quickLinksContent
{
	/*
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
	*/
	width: 380px;
	height: 170px;
	overflow: visible;
	opacity: 0.8;
	color: #003366;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#HomePage .quickLinksContent a
{
	text-decoration: none;
	font-weight: bold;
}

#HomePage .quickLinksContent a:hover
{
	background-color: #0099ff;
	color: #FFFFFF;
}


#HomePage .featuredClips
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 710px;
	padding:5px;
	background: #f6f6f6;
	border: 1px solid #e1e1e1;
	float: left;
	clear: both;
	line-height: 1.5em;
}

#HomePage .featuredClips .title
{
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	clear: both;
}

#HomePage .featuredClips .title a
{
	font-size: 0.8em;
	font-weight: normal;
	float: right;
	text-decoration: underline;
	color: #666666;
}

#HomePage .featuredClips .title a
{
	color: #ff6600;
}

#HomePage .featuredGroup
{
	width: 350px;
	border: 1px dashed #3b80aa;
	background-color: #eff7fb;
	float: left;
	margin-right: 16px;
}

#HomePage .featuredGroup .title
{
	border-bottom: 1px dashed #3b80aa;
	padding: 5px;
	width: 340px;
	height: 2em;
	line-height: 2em;
}

#HomePage .featuredGroup .title img
{
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
}


#HomePage .featuredGroupContent
{
	width: 330px;
	padding: 10px;
	line-height: 1.5em;
	padding-bottom: 10px;
	float:left;
}

#HomePage .groupTitle
{
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #ff9900;
	height: 3em;
	line-height: 3em;
	clear: both;
}

#HomePage .groupTitle img
{
	border: 2px solid #ff9900;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	height: 3em;
}

#HomePage .groupTitle a
{
	font-size:1em;
	text-decoration: none;
	color:#ff9900;
	font-weight: bold;
}

#HomePage .groupTitle a:hover
{
	color: #ffffff;
	background-color: #0099ff;
}

#HomePage .groupDescription
{
	margin-bottom: 10px;
	font-size: 1em;
	color: #666666;
	float: left;
	clear: both;	
}

#HomePage .groupFeaturedItem
{
	margin-bottom: 5px;
	line-height: 1.5em;
	float: left;
	clear: both;
	width: 100%;	
}

#HomePage .groupFeaturedItem img
{
	border: 2px solid #ff9900;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	width: 38px;
	height: 31px;
	overflow: hidden;
}

#HomePage .groupFeaturedItem a
{
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
	color: #666666;
}

#HomePage .groupFeaturedItem a:hover
{
	color: #ff9900;
}


#HomePage .myNewsfilm
{
	width: 350px;
	border: 1px dashed #ff9224;
	background-color: #fef5e9;
	float: left;
}

#HomePage .myNewsfilm .title
{
	border-bottom: 1px dashed #ff9224;
	padding: 5px;
	width: 340px;
	height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
}


#HomePage .myNewsfilm .title img
{	
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
}

#HomePage .myNewsfilm .mynfocontent
{
	padding: 5px;
	width: 340px;
}

#HomePage .myNewsfilm .mynfocontent .event
{
	margin-bottom: 10px;
	width: 340px;
	line-height: 1.5em;
	float: left;
	clear: both;	
}

#HomePage .myNewsfilm .mynfocontent .event .text
{
	float: left;
	width: 295px;
}

#HomePage .myNewsfilm .mynfocontent .event a
{
	font-size: 1em;
	color:#ff6600;
	font-weight: bold;
	text-decoration:none;
}

#HomePage .myNewsfilm .mynfocontent .event a:hover
{
	color: #ffffff;
	background-color: #0066ff;
}

#HomePage .myNewsfilm .mynfocontent .event a.tag
{
	font-weight: normal;
}

#HomePage .myNewsfilm .mynfocontent .event a.group
{
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

#HomePage .myNewsfilm .mynfocontent .event a.group:hover
{
	color:#ff9900;
	background-color: none;
}

#HomePage .myNewsfilm .mynfocontent .event img
{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
	width: 25px;
	float: left;
}


#HomePage div.featuredItems
{
	width: 710px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left
}


#HomePage div.featuredItem
{
	text-align: center;
	float: left;
	width: 132px;
	margin-right: 5px;
	margin-left: 5px;	
}

#HomePage div.featuredItem img
{
	width: 100px;
	border: 3px solid #ff9900;
}

#HomePage div.featuredItem a
{
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}

#HomePage div.featuredItem a:hover
{
	color: #ff9900;
}


/* ################### GENERIC EVENT STYLES FOR USER AND GROUP HOMEPAGE ###################*/

#EventFeed
{
	width: 500px;
	font-size: 0.8em;
	color: #666666;
}

#EventFeed .event
{
	margin-bottom: 10px;
	width: 500px;
	line-height: 2em;
	float: left;
	clear: both;	
}

#EventFeed .event .text
{
	float: left;
	width: 450px;
}

#EventFeed .event a
{
	font-size: 1em;
	color:#ff6600;
	font-weight: bold;
	text-decoration:none;
}

#EventFeed .event a:hover
{
	color: #ffffff;
	background-color: #0066ff;
}

#EventFeed .event a.tag
{
	font-weight: normal;
}

#EventFeed .event a.group
{
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

#EventFeed .event a.group:hover
{
	color:#ff9900;
	background-color: none;
}

#EventFeed .event img
{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
	width: 25px;
	float: left;
}


>>>>>>> .r202