﻿/*
This is the site classes stylesheet. It should contain
styles for elements/selectors that are qualified (by class, id, etc.)

This stylesheet should always be linked after SiteBase.css (and all 
global stylesheets).
*/

#PageBodyWrapper
{
	background-color: #FFFFFF;
	width: 806px;
	margin: 0 auto;
	height: 100%;
	margin-bottom: 0.01em; /* force scrollbar in FF */
}

#PageBody
{ /* <sage-comment>NOTE: Do NOT apply vertical margins to this!</sage-comment> */
	background-color: #FFFFFF;
}

#PageBanner
{
	background-color: #FFFFFF;
}

#PageBanner, #PageBanner *
{
	color: #FFFFFF;
}
	#PageBanner #BannerMainImageContainer
	{
		position: relative;
	}
	
	#PageBanner a#BannerLogoLink
	{
		display: block;
		position: absolute;
		top: 19px;
		left: 16px;
		width: 212px;
		height: 22px;
	}
	
		#PageBanner a#BannerLogoLink img
		{
			display: block;
			width: 212px;
			height: 22px;
		}

	#PageBanner #BannerContactsContainer
	{
		position: relative;
		width: 237px;
	}
	
	#PageBanner #BannerContacts
	{
		position: absolute;
		top: 60px;
		left: 9px;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
	}

	#PageBanner ul.Contacts
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#PageBanner ul.Contacts li
	{
		width: 195px;
		clear: both;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		height:10px;
	}

		#PageBanner ul.Contacts a
		{
			float: left;
			padding-left: 17px;
			background: transparent url(../Images/Common/icon_contacts_email.gif) no-repeat 0px 2px;
			font-size: 10px;
		}

		#PageBanner ul.Contacts span.NoEmail
		{
			float: left;
			padding-left: 17px;
			background: transparent url(../Images/Common/sp.gif) no-repeat 0px 2px;
			font-size: 10px;
		}
		
		#PageBanner ul.Contacts li span
		{
			float: right;
			font-size: 10px;
		}

#MainNavigation
{
	margin: 1px 0px 0px 0px;
	background: transparent url(../Images/Common/nav_main_bg.gif) repeat-x;
	height: 25px;	
}

	#MainNavigation ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
		position: relative;
		border-right: 1px solid #9A1619;
	}

		#MainNavigation ul li
		{
			float: left;
			margin: 0px;
			padding: 5px 1px 0px 1px;
			border-left: 1px solid #9A1619;
			border-right: 1px solid #6A0608;
			font-size: 10px;
			font-weight: bold;
		}
		
		#MainNavigation ul li.First
		{
			border-left: none;
		}

			#MainNavigation ul li a
			{
				text-transform: uppercase;
				display: block;
				float: left;
				white-space: nowrap;
				height: 22px;
				padding-left: 8px;
			}

			#MainNavigation ul li a:hover
			, #MainNavigation ul li a.Current
			{
				background: #FFFFFF url(../Images/Common/nav_main_tab_corner_tl_bg.gif) no-repeat;
				text-decoration: none;
			}
			
			#MainNavigation ul li a:hover span
			, #MainNavigation ul li a.Current span
			{
				background: transparent url(../Images/Common/nav_main_tab_corner_tr_bg.gif) no-repeat top right;
				color: #333333;
				display: block;
			}
			
			#MainNavigation ul li.Nav a:hover.Nav	
			, #MainNavigation ul li.Nav a.Current
			{
				background: #E4DFC3 url(../Images/Common/nav_main_corner_tl_on.gif) no-repeat;
				text-decoration: none;
				height: 23px;
				margin-bottom: -1px;
			}
			
			#MainNavigation ul li.Nav a:hover.Nav span
			, #MainNavigation ul li.Nav a.Current span
			{
				background: transparent url(../Images/Common/nav_main_corner_tr_on.gif) no-repeat top right;
				color: #333333;
				display: block;
			}

				#MainNavigation ul li a span
				{
					font-size: 10px;
					font-weight: bold;
					color: #DAB6B7;
					padding-right: 8px;
					line-height: 17px;
				}				


#SubNavigation
{
	background: transparent url(../Images/Common/nav_secondary_bg.gif) repeat-x;
	height: 24px;
	position: relative;
}

	#SubNavigation ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
		position: relative;
		
	}

		#SubNavigation ul li
		{
			float: left;
			margin: 0px;
			/*padding: 5px 1px 0px 1px;*/
			padding: 5px 0px 0px 0px;
			border-left: 1px solid #CDC9B0;
			border-right: 1px solid #F1EDD5;
			font-size: 10px;
			font-weight: bold;
		}
		
		#SubNavigation ul li.First
		{
			border-left: none;
		}

			#SubNavigation ul li a
			{
				text-transform: uppercase;
				display: block;
				float: left;
				white-space: nowrap;
				height: 22px;
				padding-left: 7px;
			}

			#SubNavigation ul li a:hover
			, #SubNavigation ul li a.Current
			{
				background: #FCFBF9 url(../Images/Common/nav_secondary_corner_tl_on.gif) no-repeat;
				text-decoration: none;
			}
				#SubNavigation ul li a span
				{
					font-size: 10px;
					font-weight: bold;
					color: #333333;
					padding-right: 8px;
					line-height: 17px;
				}

				#SubNavigation ul li a:hover span
				, #SubNavigation ul li a.Current span
				{
					background: transparent url(../Images/Common/nav_secondary_corner_tr_on.gif) no-repeat top right;
					color: #333333;
					display: block;
				}			
			

#PageContent
{
	background-color: #FFFFFF;
}

#ContentWrapper
{
}

#MainContentWrapper
{
	width: 519px;
}

#MainContent
{
	min-height: 300px; /* Sets minimum height for body content. NOTE: This must also be set in SiteIEPre7 as height. */
	/* 
	width = PageBodyWrapper width (806)
			- PageBody horizontal margin/border/padding (0)
			- LeftChannelWrapper width (0)
			- PageContent horizontal margin/border/padding (0)
			- RightChannelWrapper width (245)
	*/
	min-width: 561px; /* Must also be set in SiteIEAll as width */
}

.Popup #MainContent
{
	min-width: 0;
}

#HomeImprintMessages
{
	margin-top: 13px;
}

	#HomeImprintMessages .ImprintMessages
	{
		background: #E0F1FB;
		padding: 5px 0px;
	}
	
	#HomeImprintMessages .ImprintMessage
	{
		padding: 8px 15px;
		background: transparent url(../Images/Common/arrow_imprint_messages.gif) no-repeat 4px 12px;
	}

	#HomeImprintMessages .ImprintMessages div.HrGradGrey
	{
		margin-left: 15px;
		margin-right: 15px;
	}

#HomeResources
, #HomeUpdates
{
	background-color: #FFFFFF;
}

	#HomeResources ul
	, #HomeUpdates ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

		#HomeResources ul li
		, #HomeUpdates ul li
		{
			padding: 9px 0px;
			background: transparent url(../Images/Common/horiz_rule_twotone_grey.gif) repeat-x top left;
		}
		
		#HomeResources ul li.First
		, #HomeUpdates ul li.First
		{
			background: none;
			padding-top: 0px;
		}

			#HomeResources ul li div
			, #HomeUpdates ul li div
			{
				padding: 0px 16px;
			}

			#HomeResources ul li div
			{
				background: transparent url(../Images/Common/bullet_arrow.gif) no-repeat 5px 2px;
			}

			#HomeUpdates ul li div
			{
				background: transparent url(../Images/Common/bullet_author.gif) no-repeat 5px 2px;
			}

			#HomeResources ul li h5
			, #HomeUpdates ul li h5
			{
				margin: 0px;
			}

			#HomeResources ul li p
			, #HomeUpdates ul li p
			{
				margin: 0px;
			}

			#HomeResources ul li p.Date
			, #HomeUpdates ul li p.Date
			{
				color: #666666;
			}

.ListFooter
{
	margin-top: 5px;
	padding: 5px 9px 2px 9px;
	background-color: #DFE0E1;
}
	
h1 span.Status
{
	font-size: 11px;
	font-weight: bold;
	color: #8C0b0e;
	text-transform: uppercase;
}



h1 input.Button
{
	position: absolute;
	top: 5px;
	right: 0px;
}

p.Description
{
	margin: 0px 0px 12px 0px;
	padding: 6px 13px;
	background-color: #EDEDED;
	border-bottom: 1px solid #B9B9B9;
	font-weight: bold;
}
p.DescriptionBorderTop
{
	border-top: 1px solid #B9B9B9;
}

div.Description
{
	margin-bottom: 12px;
	padding: 6px 13px 0px 13px;
	background-color: #EDEDED;
	border-bottom: 1px solid #B9B9B9;
	font-weight: bold;
}
	div.Description p
	{
		margin: 0px 0px 6px 0px;
	}

	div.Description a
	{
		text-decoration: underline;
	}

.RequiredText
{
	font-size: 11px;
	color: #870A0D;
	font-weight: bold;
}

h3.PageSubHeader
{
	font-size: 14px;
	color: #8B0B0E;
}

/*div.Actions
{
	padding: 0px 0px 8px 13px;
	margin: 15px 0px 22px 0px;
	border-bottom: 1px solid #7DC5ED;
}*/

	div.Actions a
	{
		margin-top: 1px;
		font-size: 11px;
		font-weight: bold;
		/*color: #666666;*/
		color: #f1f1f1;
	}
	
.ActionButtonContainer
{
	padding: 5px;
}

.NewActionButtonContainer
{
	padding-top: 8px;
}

a.AddAction
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	background: transparent url(../Images/Common/icon_add.gif) no-repeat 0 2px;
	text-transform: uppercase;
}

a.ViewAction
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	background: transparent url(../Images/Common/icon_view.gif) no-repeat 0 2px;
	text-transform: uppercase;
}

a.EditAction
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	background: transparent url(../Images/Common/icon_edit_page.gif) no-repeat 3px 3px;
	text-transform: uppercase;
}

a.ImageEditAction
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	background: transparent url(../Images/Common/icon_edit.gif) no-repeat 0px 2px;
	text-transform: uppercase;
}

a.DeleteAction
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	background: transparent url(../Images/Common/icon_delete.gif) no-repeat 0 2px;
	text-transform: uppercase;
}

a.RemoveAction
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 16px;
	text-transform: uppercase;
	background: transparent url(../Images/Common/icon_remove.gif) no-repeat 0 2px;
}

a.ButtonSaveItem
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: transparent url(../Images/Common/button_save_item_off.gif) no-repeat left top;
	display: block;
	height: 15px;
	width: 79px;
	margin-right: 10px;
}

a.ButtonUpdateItem
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: transparent url(../Images/Common/button_update_item_off.gif) no-repeat left top;
	display: block;
	height: 15px;
	width: 91px;
	margin-right: 10px;
}


a.ButtonCancel
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: transparent url(../Images/Common/button_cancel_off.gif) no-repeat left top;
	display: block;
	height: 15px;
	width: 59px;
	margin-right: 10px;
}

.MainContentAreaList .ManagedListItem
, .MainContentAreaList .ManagedListItemDetail
{
	padding: 0px 60px 0px 15px;
	margin: 15px 0px;
}

	.MainContentAreaList .ManagedListItem p
	, .BlogItem p
	{
		font-size: 12px;
		color: #333333;
		margin: 0px;
	}
	
		.MainContentAreaList .ManagedListItemDetail p a
		{
			font-size: 12px;
			text-decoration: underline;
		}

	.MainContentAreaList .ManagedListItemDetail p
	, .BlogItemDetail p
	, .BlogItemDetail .TContent
	{
		font-size: 12px;
		color: #333333;
	}

	.MainContentAreaList .ManagedListItem p.Date
	, .MainContentAreaList .ManagedListItemDetail p.Date
	, .BlogItem p.Date
	, .BlogItemDetail p.Date
	{
		font-size: 11px;
		font-weight: bold;
		color: #666666;
		margin: 0px;
	}

	.MainContentAreaList .ManagedListItem h3
	, .MainContentAreaList .ManagedListItemDetail h3
	, .BlogItem h3
	, .BlogItemDetail h3
	{
		margin: 4px 0px;
	}

	.MainContentAreaList .ManagedListItem h3
	, .MainContentAreaList .ManagedListItem h3 a
	, .MainContentAreaList .ManagedListItemDetail h3
	, .MainContentAreaList .ManagedListItemDetail h3 a
	, .BlogItem h3
	, .BlogItem h3 a
	, .BlogItemDetail h3
	, .BlogItemDetail h3 a
	{
		font-size: 14px;
		font-weight: bold;
		color: #880A0D;
	}

		.MainContentAreaList .ManagedListItemDetail p.Download
		{
			font-size: 11px;
			color: #666666;
		}

.ListContainer
{
	margin: 5px 10px;
}

.ListItem
{
	margin-top: 5px;
}

.ListItem
, .ListItem a
, .ListItem p
{
	font-size: 12px;
}

	.ListItem .Title
	, .ListItem .Title a
	, .ListItem h3
	, .ListItem h3 a
	{
		font-size: 12px;
		font-weight: bold;
		color: #880A0D;
		margin: 5px 0px;
	}
	
	.ListItem h3.Title2
	{
		font-size: 16px;
		font-weight: bold;
		color: #880A0D;
		margin: 5px 0px;
	}

	.ListItem h3 span
	, .ListItem h3 span a
	{
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		text-transform: uppercase;
	}

	.ListItem .Content
	{
		margin-top: 5px;
		font-size: 12px;
	}

	.ListItem span.ListItemStatus
	{
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		margin: 0px;
		color: #666666;
	}

	.ListItem .Action
	,.ListItem .Action a
	{
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		margin: 0px;
		color: #666666;
		text-decoration: none;
	}
	.ListItem .Action label
	{
		margin: 0;
		padding: 0;
		display: inline;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		margin: 0px;
		color: #666666;
	}


a.Example
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 14px;
	text-transform: uppercase;
	background: transparent url(../Images/Common/icon_example.gif) no-repeat 0 2px;
}

a.HowUsed
{
	padding: 3px 0px 2px 18px;
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 14px;
	text-transform: uppercase;
	background: transparent url(../Images/Common/icon_how_is_this_used.gif) no-repeat 0 2px;
}

a.TodoHeaderLink
{
	font-family: Arial; font-weight: bold; font-size: 11px; color: #473518; text-decoration: none;
}

.TodoItemRow
{
	background: transparent url(../Images/Common/your_to_do_items_middle.gif) repeat;
}

	.TodoItemRow td
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.TodoItemRow td
	, .TodoItemRow td a
	{
		font-size: 13px;
		color: #333333;
	}

.TodoItemRow2
{
	background: transparent url(../Images/Common/your_to_do_items_middle.gif) repeat;

}

	.TodoItemRow2 td
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.TodoItemRow2 td
	, .TodoItemRow2 div
	, .TodoItemRow2 td a
	{
		font-size: 14px;
		color: #333333;
		text-decoration: none;
	}
	.TodoItemRow2 td a:hover
	{
		font-size: 14px;
		color: #333333;
		text-decoration: underline;
	}


.BlogItem a.ReadMore
{
	font-size: 10px;
	font-weight: bold;
	color: #880A0D;
}

a.External
{
	font-size: 10px;
	font-weight: bold;
	color: #0065A4;
	text-transform: uppercase;
}

a.Download
{
	padding-left: 7px;
	background: transparent url(../Images/Common/arrow_download.gif) no-repeat left center;
	font-size: 10px;
	font-weight: bold;
	color: #0065A4;
	text-transform: uppercase;
}

div.HrList
{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	background-color: #7DC5ED;
	margin: 5px 0px;
}

div.HrGradGrey
{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url(../Images/Common/horiz_rule_twotone_grey.gif) repeat-x;
	margin: 5px 0px;
}

div.HrGrey
{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	background-color: #B9B9B9;
	margin: 5px 0px;
}

div.Comment
{
	margin: 5px;
}

	div.Comment p.Date
	{
		margin: 0px 0px 4px 0px;
		font-size: 9px;
		font-weight: bold;
		color: #666666;
	}

	div.Comment .Content
	, div.Comment .Content p
	{
		margin-top: 0px;
		font-size: 10px;
		color: #666666;
	}

	div.Comment div.HrList
	{
		background-color: #e7e7e7;
	}

.Paginator
{
	padding: 3px 0px;
	margin: 3px 0px;
}	

	.Paginator a
	{
		text-decoration: underline;
		margin: 0px 2px;
	}

	.Paginator .Current
	{
		font-weight: bold;
		margin: 0px 2px;
	}


#RightChannelWrapper
{
	padding: 0px 0px 18px 8px;
}

#RightChannel
{
	padding-top: 16px;
	min-width: 237px; /* Must also be set in SiteIEAll as width */
}

	#RightChannel .Tout
	{
		position: relative;
		margin-top: 1px;
	}

		#RightChannel .Tout label
		{
			font-size: 10px;
			color: #ffffff;
			text-transform: uppercase;
		}

		#RightChannel .Tout input.Text
		{
			width: 16em;
		}

		#RightChannel .Tout select.Text
		{
			width: 17em;
		}

	#RightChannel #ToutAuthorLogin
	{
		background: #FFFFFF url(../Images/Common/tout_author_login_bg.gif) repeat-y;
	}

		#RightChannel #ToutAuthorLogin input
		{
			font-size: 11px;
		}

		#RightChannel #ToutAuthorLogin .ImageWrapper
		{
			border: 1px solid #ececec;
			background-color: #ffffff;
		}
		
		#RightChannel #ToutAuthorLogin .ContentContainer
		{
			min-height: 90px; /* (135 - vertical padding) Must also be set in SiteIEAll as height */
			padding: 45px 35px 10px 15px;
		}

		#RightChannel #ToutAuthorLogin label
		{
			color: #7DC5ED;
		}

		#RightChannel #ToutAuthorLogin .Content
		{
			margin-top: -4px;
		}

			#RightChannel #ToutAuthorLogin .Content p.PhotoInfo
			{
				margin-top: 3px;
				font-size: 9px;
			}
			
			#RightChannel #ToutAuthorLogin .Content h3
			{
				position: absolute;
				text-indent: -2000px;
			}

			#RightChannel #ToutAuthorLogin .Content a
			{
				color: #FFFFFF;
				font-size: 10px;
				font-weight: bold;
			}

			#RightChannel #ToutAuthorLogin .Content p
			{
				color: #FFFFFF;
				margin-top: 0px;
			}

			#RightChannel #ToutAuthorLogin .Content ul
			{
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}

			#RightChannel #ToutAuthorLogin .Content ul li
			{
				background: transparent url(../Images/Common/horiz_rule_dots_blue.gif) repeat-x 0 bottom;
			}
			
			#RightChannel #ToutAuthorLogin .Content ul a
			{
				display: block;
				padding: 2px 0px 5px 8px;
				background: transparent url(../Images/Common/bullet_arrow_solid_lt_blue.gif) no-repeat 1px 5px;
				color: #64b9e9;
			}

	#RightChannel #ToutFindAnAuthor
	{
		background: #FFFFFF url(../Images/Common/tout_author_login_bg.gif) repeat-y;
	}
	
		#RightChannel #ToutFindAnAuthor input
		,#RightChannel #ToutFindAnAuthor select
		{
			font-size: 11px;
		}


		#RightChannel #ToutFindAnAuthor .ContentContainer
		{
			min-height: 129px; /* (167 - vertical padding) Must also be set in SiteIEAll as height */
			padding: 38px 34px 0px 15px;
		}

		#RightChannel #ToutFindAnAuthor .Content
		{

		}

			#RightChannel #ToutFindAnAuthor .Content label
			{
				display: block;
				color: #FFFFFF;
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				padding-bottom: 1px;
			}

			#RightChannel #ToutFindAnAuthor .Content h3
			{
				position: absolute;
				text-indent: -2000px;
			}

			#RightChannel #ToutFindAnAuthor .Content a
			{
				color: #FFFFFF;
				font-size: 10px;
				font-weight: bold;
			}

	#RightChannel #ToutAuthorServices
	{
		background-color: #EEEEEE;
		margin: 10px 20px 0px 0px;
	}

		#RightChannel #ToutAuthorServices .ContentContainer
		{
			padding: 0px 11px 0px 7px;
		}

		#RightChannel #ToutAuthorServices ul
		{
			position: relative;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}

			#RightChannel #ToutAuthorServices ul li
			{
				margin-top: 9px;
				padding: 0px;
			}

			#RightChannel #ToutAuthorServices ul li img
			{
				border: 1px solid #CCCCCC;
			}

	#RightChannel #ToutWhatDoIDoNow
	{
		height: 64px;
		background: transparent url(../Images/Common/tout_what_do_i_do_now_bg.gif) no-repeat;
		margin-bottom: 13px;
	}
		#RightChannel #ToutWhatDoIDoNow .Content
		{
			
		}
		
			#RightChannel #ToutWhatDoIDoNow .Content a
			{
				color: #FFFFFF;
				font-size: 10px;
				font-weight: bold;
			}
	
#HomeFeatureContainer
{
	margin-top: 3px;
}

#HomeFeature
{
	padding-top: 14px;
}

	#HomeFeature .PhotoContainer
	{
		width: 110px;
	}

		#HomeFeature .ImageWrapper
		{
			float: left;
			padding: 1px;
			border: 1px solid #BEE2F6;
		}

		#HomeFeature .PhotoContainer h5
		, #HomeFeature .PhotoContainer p
		{
			margin: 0px;
			font-size: 10px;
		}

		#HomeFeature .PhotoContainer p
		{
			color: #FFFFFF;
		}

	#HomeFeature .MinHeightContainer
	{
		width: 1px;
		display: block;
		overflow: hidden;
		min-height: 207px; /* Must also be set in SiteIEAll as height */
	}
	#HomeFeature .ContentContainer
	{
		position: relative;
		
	
	}
	.BlogButtonLeft
	{
		background: transparent url(../Images/Common/button_view_blog_left_off.gif) no-repeat scroll left top;
		height:20px;
	}
	.BlogButtonRight
	{
		background: transparent url(../Images/Common/button_view_blog_right_off.gif) no-repeat scroll right top;
		height:20px;
	}
	.BlogButtonCenter
	{
		background: transparent url(../Images/Common/button_view_blog_bg_off.gif) repeat-x scroll right top;
		height:20px;
		text-align:center;
		
	}

	
	
	
	
	#HomeFeature .ContentContainer .DetailLink
	{
		 color:White;
		 text-decoration:none;
		 font-weight:bold;
		 font-size: 10px;
	}



	#HomeFeature .ContentContainer h1
	{
		margin: 3px 0px 0px 0px;
	}

	#HomeFeature .ContentContainer p
	{
		margin: 8px 0px;
	}

	#HomeFeature .ContentContainer p
	, #HomeFeature .Content
	{
		margin: 8px 0px;
		font-family: Georgia, Serif;
		font-size: 12px;
		line-height: 15px;
	}

	#HomeFeature .ContentContainer p.Date
	{
		margin: 0px;
		color: #0065A4;
	}
	
label.Required
{
	color: #870A0D;
}

.ImageButton
{
	vertical-align: middle;
}

.FormError
{
	display: block;
}
.FormError
, .FormError *
{
	color: #ff0000 !important;
}

.NoAuthorError
{
	color: #ff0000;
	font-size: 13px;
}

.InfoLabelPrimary
{
	font-family: Times New Roman, Serif;
	color: #0065A4;
	font-size: 16px;
}

.InfoLabelSecondary
{
	font-size: 10px;
	font-weight: bold;
	color: #8C0b0e;
	text-transform: uppercase;
}

div.BDIUploaderActions
{
	padding-left: 10px;
	height: 20px;
}

div.AuthorImageUploader
{
	float: left;
}
div.AuthorImageUploaderActions
{
	float: left;
	padding-left: 10px;
	height: 20px;
}

div.SecondaryHeading
{
	margin-top: 30px; 
	background: transparent url(../Images/Common/header2_bg.gif) repeat-x;
}

h2.SecondaryHeading
{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: none;
	padding-left: 12px;
}


/* Form element spacing support */
.Label 
{ 
	margin-top: 8px; 
}

.Value 
{ 
	margin-top: 5px; 
}

.TextValue 
{ 
	margin-top: 8px; 
}

.Value
, .TextValue 
{ 
	margin-left: 10px; 
}

input.Text
, textarea.Text
{
	border: 1px solid #aaaaaa; 
}

.ListInputDiv
{
}

.ListInput
{
	border: 1px solid #aaaaaa; 
	width: 99%;
}

	
.ListColumnHeader
{
	font-size: 11px; 
	font-weight: bold; 
	color: #64B9E9;
}

input.CheckBox
, span.CheckBox input
, input.RadioButton
, span.RadioButton input
{
	float: left;
	margin: 0;
	clear: left;
	height: 1.5em;
	width: 1.5em;
}



label.CheckBox
, span.CheckBox label
, label.RadioButton
, span.RadioButton label
div.RadioButton label
{
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1.5em;
	margin-left: 3px;
}

div.RadioButton label
{
	display:inline;
	
}
label.FeatureAlbumRadioButton
{
	display: inline;
	font-size: 10px;
	color: #999999;
	line-height: 1.5em;
	margin-left: 3px;
}


div.FeatureAlbumSelect
{
	height: 18px;
}

span.DueDateTitle
{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

span.DueDate
{
	font-size: 11px;
	font-weight: bold;
	color: #8C0B0E;
}

#PageFooter
{
	position: relative;
	margin-right: 20px;
}

	#PageFooter p
	{
		position: relative;
		z-index: 1;
		padding: 19px 13px 0px 13px;
		color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
	}

	#PageFooter ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 0px 13px;
	}

		#PageFooter ul li
		{
			position: relative;
			z-index: 1;
			float: left;
			margin-right: 6px;
		}

			#PageFooter ul li a
			{
				color: #999999;
				font-size: 10px;
				font-weight: bold;
				white-space: nowrap;
			}

/* class for the label that appears above the status line (photo album lists) - "Author Page Photo Album"  */
.AuthorPagePhotoAlbumLabel
{
	color: Black;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}

/* Class for Labels that show WorkFlowStateType information */
.NewVersionWorkflowStateTypeLabel
, .AuthorReviewWorkflowStateTypeLabel
, .EditorReviewWorkflowStateTypeLabel
, .ManagingEditorReviewWorkflowStateTypeLabel
, .ApprovedForLiveUseWorkflowStateTypeLabel
, .ArchivedWorkflowStateTypeLabel
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.NewVersionWorkflowStateTypeLabel
{
	color: #8C0B0E;
}
.AuthorReviewWorkflowStateTypeLabel
{
	color: #8C0B0E;
}
.EditorReviewWorkflowStateTypeLabel
{
	color: #FF9933;
}
.ManagingEditorReviewWorkflowStateTypeLabel
{
	color: #FF9933;
}
.ApprovedForLiveUseWorkflowStateTypeLabel
{
	color: #4C8547;
}
.ArchivedWorkflowStateTypeLabel
{
	color: #4C8547;
}
        
/* AuthorStyle Styles */
.StepText
{
	color: #666666;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
.StepTextLarge
{
	color: #666666;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
.LabelText
{
	margin-top: 10px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

h2.AuthorStyle
{
	background: none;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #931b1e;
}
div.HorizontalRule1
{
 margin-top: 10px; margin-bottom: 10px; border-top: solid 1px #666666; font-size: 1px; height: 1px; display: block; font-size: 1px;
}
/* Begin:Grid Table Styles */
.GridView
{
	border: none;
	padding: 0;
}

.GridView .NoBorder td { border: none; }

.GridHeading th
{
	padding: 3px 4px;
	text-align: left;
	vertical-align: bottom;
	border: 1px solid #888888;
	background-color: #999999;
}
.GridHeading th
, .GridHeading th div
{
    font-weight: normal;
	color: #FFFFFF;
}

.GridItemHover { background-color: #e0eee0; }

.GridItem td,
 .GridItemSelected td,
 .GridItemAlt td,
 .GridItemHover td
{
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #888888;
}

.GridItemSelected td
{
	background-color: #dfdfdf;
}

.GridItemAlt td
{
	background-color: #eeeeee;
}

.GridPager table td
{
	padding: 0px;
	margin: 0px;
}
.GridPager table span
{
	display: block;
	background-color: #dedede;
	padding: 0px 2px 2px 2px;
	font-weight: bold;
}
.GridPager table a
{
	display: block;
	padding: 0px 2px 2px 2px;
}
.GridPager table a:hover
{
	background-color: #dedede;
}

.GridEmpty td
{
	border: none;
}
/* End:Grid Table Styles */

/* =PhotoAlbums
------------------------------------------------- */

h3.PhotoAlbumTitle
{
	font-size: 14px;
	color: #8B0B0E;
	margin-bottom: 0px;
}

p.PhotoAlbumDescription
{
	font-size: 14px;
	color: #000000;
	margin: 0px;
	font-weight: bold;
}

h4.PhotoAlbumStatus
, span.PhotoAlbumStatus
{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	color: #666666;
}

table.PhotoAlbumGrid
{
	border-collapse: collapse;
	border-spacing: 0px;
}

	table.PhotoAlbumGrid td.PhotoAlbumGrid
	{
		width: 160px;
		padding: 3px 0px 0px 0px;
		vertical-align: top;
	}

	table.PhotoAlbumGrid td.PhotoAlbumGrid span
	{
		font-size: 10px;
	}

	table.PhotoAlbumGrid td.ImageCell
	{
		vertical-align: top;
		padding-top: 3px;
		text-align: center;
			
	}
	
	
	table.PhotoAlbumGrid td.ActionsCell
	{
		padding-bottom: 25px;
	}

		table.PhotoAlbumGrid td.ActionsCell a.ViewAction
		, table.PhotoAlbumGrid td.ActionsCell a.DeleteAction
		{
			margin: 0px;
		}

		table.PhotoAlbumGrid td div.ColSep
		{
			width: 25px;
		}

		table.PhotoAlbumGrid td div.PhotoAlbumStatus
		{
			padding-bottom: 3px;
		}

div.PhotoAlbumDescription
, div.PhotoAlbumDescription *
{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: justify;
}

textarea.CaptionInput
{
	font-size: 12px;
	width: 152px;
	height: 140px;
}

/* =UpdatePanel ProgressPanel messages
------------------------------------------------- */
div.UpdatePanelContainer
{
	position: relative;
}

div.ProgressMessage
{
	position: absolute;
	top: 50%;
	padding: 5px;
	background-color: #E4DFC3;
	color: #473518;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 13px;
	font-weight: bold;
	width: 75%;
	border: 1px solid #473518;
}
div.ProgressMessageBlock
{
	Xposition: absolute;
	Xtop: 50%;
	padding: 5px;
	background-color: #E4DFC3;
	color: #473518;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 13px;
	font-weight: bold;
	width: 200px;
	white-space: nowrap;
	border: 1px solid #473518;
}
div#ProgressMessagePageLoading
{
	/*position: absolute;
	top: 40%;*/
	margin-top: 10px;
	padding: 5px;
	background-color: #E4DFC3;
	color: #473518;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 13px;
	font-weight: bold;
	width: 75%;
	border: 1px solid #473518;
}
div#ProgressMessagePageLoading img
{
	border: 0;
	vertical-align: middle;
}

/* START - Ajax Collapse Panel control in ToDo List 
--------------------------------------------------*/
.CollapsePanelHeader{	
	width:100%;		
	height:20px;
	color: Black;
	font-weight:bold;
	cursor: pointer; 
	
}

.CollapsePanel {
	width: 100%;
	height:0px;
	Xbackground-color: red;
	Xbackground-color: #fefcf0;
	background: transparent url(../Images/Common/your_to_do_items_middle.gif) repeat;
	overflow:hidden;
}
/* END - Ajax Collapse Panel control in ToDo List 
--------------------------------------------------*/


/*-----------Bottom Pager------------*/
.PagerBottomLeftCorner{
background:transparent url(../Images/Common/header_corner.gif) no-repeat scroll left bottom;
height:33px;
}

.PagerBottomRightCorner {
background:transparent url(../Images/Common/header_corner.gif) no-repeat scroll right bottom;
height:33px;
}

.PagerContent{
	
	padding-left:13px;
	padding-top:13px;
	color:White;
}
.PagerBase
{
	margin-top:13px;
	 
	background: transparent url(../Images/Common/header2_bg.gif) repeat-x scroll ;
 
}
.PagerBase a
{
	color:White;
}
.PagerBase span
{
	color:White;
	font-weight:bold;
	text-decoration:underline;
}
/*-----------End Bottom Pager------------*/

.AlphabeticalPager a
{
	font-size:12px;
}

div.ContactsPanel
{
	margin-top:17px;
	
	
}
div.ContactsPanel td
{
	padding-top:5px;
}
div.ContactsPanel  a {
background:transparent url(../Images/Common/icon_contacts_email.gif) no-repeat scroll 0px 3px;
float:left;
font-size:12px;
padding-left:17px;
font-weight:bold;
}


div.ContactsPanel span
{
	font-size:12px;
	font-weight:bold;
	color:#0065A4;
	background-color:White;
}


div.ContactsPanel td div
{
overflow:hidden;
width: 100%; 
background:transparent url(../Images/Common/contact_horiz_bg.gif) repeat-x scroll left 12px;
 
}

div.ContactsPanel th
{
 text-align:left;	
font-size:12px;
font-weight:bold;
}

/*
 Make the All of the Telerik Controls use Times	and then a Serif font.
*/
.RadEContent, .RadEContentBordered
{
	font-size: 14px;
	font-family: Times New Roman;
}
	.RadEContent *
	,.RadEContentBordered *
	{
		font-size: 14px;
		font-family: Times New Roman;
	}
	
	
div.CustomCheckBox label
{
	display:inline;
	padding:0px;
	
}


div.ListColumnHeader label
{
	display:inline;
	font-size: 11px; 
	font-weight: bold; 
	color: #64B9E9;
}

a.ButtonSearchBooks
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: transparent url(../Images/Common/button_search_off.gif) no-repeat left top;
	display: block;
	height: 15px;
	width: 79px;
	margin-right: 10px;
}
