﻿
/*extra css temp styles*/
.HowToSectionHeader
{
}
.HowToSectionLeft
{
	float: left; 
	width: 140px;
	text-align:left;
}
.HowToSectionRight
{		
	text-align:left;
}
/*remove for other projects*/

body 
{		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;	
}

a
{
	color: #4F3F20;
	text-decoration: underline;
}

.GlobalButton {
	background-color: #E1ECBA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 2px;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #333333;
}

/*PAGE STYLES*/
	.pagecontentarea
	{
		width:80%;
		padding-left:80px;
		padding-right:80px;
	}
	
	.inputset
	{
		padding-bottom:5px;		
	}


/*USED BY AJAX PROGRESS*/
	.loadingbox 
	{
		position:absolute;
		top:50%;
		left:40%;
		border:3px solid BLACK; 
		background-color: #ffffff; 
		height:50px; 
		width:250px;
		text-align:center;
		padding-top:20px
	}
	
	.loadingbox2
	{	
		position:absolute;
		top:20%;
		left:40%;
		border:3px solid BLACK; 
		background-color: #ffffff; 
		height:50px; 
		width:250px;
		text-align:center;
		padding-top:20px;
		filter:alpha(opacity=100);
		opacity:1.0;
	}
	
	.modalBackground2 {
		background-color:Gray;
		filter:alpha(opacity=70);
		opacity:0.7;
	}

/*ADMIN STYLES*/
	.AdminBody
	{
		margin:0 0 0 0;
	}
	
	.AdminContentArea
	{
		padding-left:20px;
		padding-right:20px;		
	}

	.ValidatorStyle
	{
		font-size:11px;
		font-weight:normal;
	}
	
	.AdminMultilineStyle
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;		
		text-decoration: none;
	}
	
	.AdminSinglelineStyle
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;		
		text-decoration: none;
	}

	.navAdminItemStyle a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
	}
	.navAdminItemHoverStyle a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #FFD104;
	}

	.subnavAdminMenuStyle
	{	
		background-color: red;	
	}
	.subnavAdminItemStyle{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;	
		text-decoration: none;
		color: #FFFFFF;	
		background-color:Black;
		border:solid 1px white;
		padding:3px 2px 3px 2px;
	}

	.subnavAdminHoverItemStyle{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;	
		text-decoration: none;
		color: black;	
		background-color:#FFD104;
		border:solid 1px white;
		padding:3px 2px 3px 2px;
	}

/*admin layout*/
	.leftdiv
	{
		float:left;
		width:10%;
		background-color:Red;
	}
	.centerdiv
	{
		float:left;
		width:80%;
	}
	.rightdiv
	{		
		float:left;
		width:10%;
		background-color:Red;
	}

	.AdminButton
	{
		border:solid 2px black;
		width:100px;
		font-size:11px;
	}


/*MAIN MENU STYLES*/

	.navItemStyle a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
	}
	.navItemHoverStyle a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #FFD104;
	}

	.subnavMenuStyle
	{	
		background-color: red;	
	}
	.subnavItemStyle{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;	
		text-decoration: none;
		color: #FFFFFF;	
		background-color:Black;
		border:solid 1px white;
		padding:3px 2px 3px 2px;
	}

	.subnavHoverItemStyle{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;	
		text-decoration: none;
		color: black;	
		background-color:#FFD104;
		border:solid 1px white;
		padding:3px 2px 3px 2px;
	}

/*Photo Uploader styles*/

	.PhotoUploaderHeader
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	.PhotoUploaderAltItem
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;			
	}
	.PhotoUploaderItem
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	.PhotoUploaderFooter
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	.PhotoUploaderPager
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
	}

	.PhotoUploaderPager a
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;	
	}

	.PhotoUploaderPager span
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
		color:black;
	}

	.descriptor
	{
		vertical-align: top; 
		width: 100px;
	}

	.SelectedWizardStep
	{
		color:Black;
	}

	.WizardStep a
	{
		color:white;
	}

/*Photo Gallery Styles*/

	.photogalleryAlbum
	{
		background-color:#F8F1E1;	
		width:237px;
		float:left;		
		text-align:center;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}

	.photogalleryAlbumHeader
	{
		background-color:#F8F1E1;			
		width:170px;	
		padding-top:4px;
		padding-bottom:4px;
		color:black;		
		font-weight:bold;		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	.photogalleryAlbumFooter
	{
		display:none;
		background-color:black;	
		color:White;
		height:15px;
		width:170px;	
		padding-top:10px;
		padding-bottom:10px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}

	.photogalleryAlbumTitle
	{	
		color:black;		
		width:170px;	
		padding-top:1px;
		padding-bottom:1px;
		text-decoration:none;		
		text-align:left;		
		
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	.photogalleryAlbumTitle:hover
	{			
		color:black;		
		width:170px;
		text-decoration:none;		
		text-align:left;	
		
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: maroon;
	}
	
	.photogalleryAlbumTitle div
	{	
		width:170px;	
		padding-top:2px;		
		padding-top:2px;		
		text-decoration:none;		
		padding-left:20px;		
		
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}	

	.photogalleryAlbumTitle:hover div
	{		
		width:170px;	
		padding-top:2px;		
		padding-top:2px;
		text-decoration:none;		
		padding-left:20px;	
		
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: maroon;
	}

	.photogallerythumbnails
	{
		width:480px;
		background-color:transparent;
	}

	.PhotoGalleryImageBox
	{
		border:solid 4px gray;
	}

/*News Archive Panel Style*/
	.NewsArchive
	{
		background-color:#F8F1E1;	
		width:237px;
		float:left;		
		text-align:center;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
		
	.NewsArchiveHeader
	{
		background-color:#F8F1E1;	
		color:White;		
		width:170px;	
		padding-top:4px;
		padding-bottom:4px;
		color:Black;		
		font-weight:bold;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	
	.NewsArchiveYears
	{
		color:black;		
		width:170px;	
		padding-top:1px;
		padding-bottom:1px;
		text-decoration:none;
		font-size:11px;
		text-align:left;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	.NewsArchiveYears:hover
	{		
		color:Maroon;
		text-decoration:none;
		padding-top:1px;
		padding-bottom:1px;
		width:170px;
		text-align:left;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
		
	}
	
	.NewsArchiveYears div
	{			
		font-weight:bold;
		width:170px;
		padding-top:2px;		
		padding-top:2px;		
		text-decoration:none;
		padding-left:20px;		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;	
	}	

	.NewsArchiveYears:hover div
	{
		font-weight:bold;		
		width:170px;	
		padding-top:2px;		
		padding-top:2px;
		text-decoration:none;		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:Maroon;
	}
	
	.NewsArchiveMonths
	{
		color:black;		
		width:170px;	
		padding-top:1px;
		padding-bottom:1px;
		text-decoration:none;		
		text-align:left;
		width:170px;
		font-size:11px;		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	.NewsArchiveMonths:hover
	{		
		color:black;		
		width:170px;
		text-decoration:none;		
		text-align:left;	
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:Maroon;
	}
	
	.NewsArchiveMonths div
	{			
		font-weight:bold;
		width:170px;	
		padding-top:2px;		
		padding-top:2px;		
		text-decoration:none;
		padding-left:30px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}	

	.NewsArchiveMonths:hover div
	{
		font-weight:bold;		
		width:170px;	
		padding-top:2px;		
		padding-top:2px;
		text-decoration:none;
		padding-left:30px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:Maroon;
	}
	
	.NewsArchiveNewsTitle
	{
		cursor:hand;
		color:black;		
		width:170px;	
		padding-top:1px;
		padding-bottom:1px;
		text-decoration:none;		
		text-align:left;
		width:170px;
		font-size:11px;		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	
	.NewsArchiveNewsTitle:hover
	{		
		cursor:hand;
		color:black;		
		width:170px;
		text-decoration:none;		
		text-align:left;	
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: maroon;
	}
	
	.NewsArchiveNewsTitle div
	{	
		cursor:hand;
		color:black;		
		width:170px;	
		padding-top:1px;
		padding-bottom:1px;
		text-decoration:none;		
		text-align:left;
		width:170px;
		font-size:11px;		
		
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
	}
	
	.NewsArchiveNewsTitle:hover div
	{			
		cursor:hand;
		color:black;		
		width:170px;
		text-decoration:none;		
		text-align:left;	
		
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: maroon;
	}
	
/*Community Styles*/
	.communitypanel
	{	
		color:Black;
		vertical-align:top;
		text-align:center;	
		font-size:11px;
	}

	.communitypaneltitle
	{	
		height:28;
		float:left;
		background-repeat:repeat-x;
		width:127px;
		text-align:left;
		font-weight:bold;
		padding-top:3px;
	}

	.communitypaneltitle_left
	{	
		float:left;
		width:12px;
		height:28px;
		background-repeat:no-repeat;
	}

	.communitypaneltitle_right
	{	
		float:left;
		width:11px;
		height:28px;
		background-repeat:no-repeat;	
		
	}


/*Community Styles*/
	.communityContentPanel
	{		
		color:Black;
		vertical-align:top;
		text-align:center;
		margin-bottom:5px;
		font-size:11px;
		padding-bottom:7px;
	}

	.communityContentPanelTitle
	{		
		height:24px;
		float:left;
		background-repeat:repeat-x;
		width:127px;
		text-align:left;
		font-weight:bold;
		padding-top:3px;
	}

	.communityContentPanelTitle_left
	{	
		float:left;
		width:12px;
		height:24px;
		background-repeat:no-repeat;
	}

	.communityContentPanelTitle_right
	{	
		float:left;
		width:11px;
		height:24px;
		background-repeat:no-repeat;
	}

	.communityContentPanelContent
	{
		 background-repeat: repeat-y;
	}


/*blog contents*/

	.communitypostcontent
	{
		font-size:12px;
	}

	.communitypostinfo
	{
		font-size:10px;
		margin-bottom:5px;
	}

	.communityposttitle
	{
		font-size:13px;
		background-color:gold;
		width:100%;
		border-top:solid 2px black;	
		border-bottom:dashed 1px black;
		padding-left:15px;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:5px;
	}


	.communityposttitle a
	{
		font-size:13px;
		text-decoration:none;
	}
	
	
/*RAD STYLES*/
	.SearchForm
	{
		font-size:11px;
		font-weight:bold;	
	}
	
	.SearchForm td
	{
		padding-bottom:5px;	
		padding-left:3px;
	}
	
	
	.DataEntryForm
	{
		font-size:11px;
		font-weight:bold;			
	}
	
	.DataEntryForm td
	{
		padding-bottom:5px;	
		padding-left:3px;
	}

	.adminlabel
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #4F3F20;
		line-height: 15px;
		text-decoration:none;		
		font-weight:bold;	
	}
	
	.DataEntryTitle
	{
		display:none;
	}

/*RAD GRID STYLES*/
	.RADGridHeader
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
		
	.RADGridHeader td
	{		
		padding-left:5px;		
		padding-right:5px;
		padding-bottom:3px;
		padding-top:3px;
	}
	
	.RADGridAltItem
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;			
	}
	.RADGridAltItem a
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:black;
	}
	.RADGridAltItem td
	{		
		padding-left:5px;		
		padding-right:5px;
		padding-bottom:3px;
		padding-top:3px;
	}

	.RADGridItem 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	
	.RADGridItem td
	{		
		padding-left:5px;		
		padding-right:5px;
		padding-bottom:3px;
		padding-top:3px;
	}
	
	.RADGridItem a
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
		color:Black;
	}

	.RADGridFooter
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	.RADGridPager
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
	}

	.RADGridPager a
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;	
	}

	.RADGridPager span
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
		color:black;
	}
	
	.AdminGridEvents
	{
		width:20px;
		padding:auto 0px auto 0px;
	}