﻿



/* Phone View */
@media screen and (max-width:479px)
{
	/*
				.PhoneHead
				{
					width: 100%;
					height: 5px;
					background-color: #ffd700;
				}
				*/
	.NoMobile
	{
		display: none;
	}
	.NoPhone
	{
		display: none;
	}
	.MobileEvents
	{
		display: inline;
	}
	.StartRightSide
	{
		display: none;
	}
	.FixedWidthContainer
	{
		width: 350px;
		min-width: 350px;
	}
	#ServicePanel
	{
		width: 350px;
		min-width: 350px;
	}
	#HeaderWrapper
	{
		width: 350px;
		min-width: 350px;
		height: auto;
		border-bottom: none;
	}
	#InfoPanel
	{
		width: 350px;
		min-width: 350px;
	}
	#InfoPanel #InfoBar
	{
		width: 350px;
		min-width: 350px;
	}

	#SiteUserInfoContainer
	{
		right: 10px;
		width: 200px;
		height: 80px;
		overflow: hidden;
	}
	#SiteImageContainer
	{
		width: 100%;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	#ServiceTabPanel
	{
		margin-left: 10px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#Nav_Transaction
	{
		display: none;
	}
	#Nav_Listings
	{
		display: none;
	}
	#Nav_Promote
	{
		display: none;
	}
	#Nav_Office
	{
		display: none;
	}
	#Nav_Learn
	{
		display: none;
	}
	#NavPanel
	{
		width: 350px;
		min-width: 350px;
		height: auto;
		clear: left;
		display: none;
	}
	#NavGroup
	{
	}
	#NavGroup .NavSpacer
	{
		display: none;
	}

	#NavGroup .NavItem
	{
		float: none;
		border-top: 1px solid #c0c0c0;
	}
	.NavActive
	{
		left: 12px;
	}
	#CartLinkPanel
	{
		display: none;
	}
	#SiteSubNavContainer
	{
		width: 350px;
		min-width: 350px;
	}
	#FooterContainer
	{
		width: 350px;
		min-width: 350px;
		padding-bottom: 10px;
	}
	.FooterShow
	{
		display: inline;
	}
	.FooterExtra
	{
		display: none;
	}
	#QuickLaunchPanel
	{
		position: absolute;
		left: 10px !important;
		top: 125px !important;
		margin-left: 0px !important;
		width: 270px !important;
		height: auto !important;
	}
	.StagingAlert
	{
		display: none;
	}
	#SiteSignOutContainer
	{
		display: none;
	}


	.BackAgentOverlay
	{
		right: 60px;
	}
	.QuickSupport
	{
		right: 30px;
	}
	.Preferences
	{
		right: 5px;
	}
	.PastNotices
	{
		display: none;
	}
	#AssocPhoto
	{
		display: none;
	}

	#BlendPanel
	{
		display: none;
	}
	.ArticleFeed
	{
		width: 325px;
		margin-left: 5px;
	}
	.ArticleFeed .Article
	{
		width: 100%;
		margin-left: 0px;
	}
	.ArticleFeed .ArticleContent
	{
		width: 260px;
	}
	.ArticleFeed .PhotoBox
	{
		float: left;
	}
	.ArticleFeed .PhotoBox .OwnerPhoto
	{
		display: none;
	}
	.ArticleFeed .PhotoBox .FeedIcon
	{
		display: none;
	}
	.ArticleFeed .MediaBox
	{
		display: none;
	}
	.ArticleFeed .Actions
	{
		display: none;
	}


	.Article .ArticleCategory
	{
		top: 0;
		left: 0;
		width: 48px;
		height: 48px;
		margin-top: 0px;
		padding: 0px;
	}
	.Article .ArticleCategory DIV
	{
		width: 48px;
		height: 48px;
		margin-top: 0px;
		padding: 0px;
	}
	.DetailArticle
	{
		width: 320px;
	}
	.ArticleDetail .ArticleContent
	{
		width: 300px;
	}

	.ArticleFeed .Pinned
	{
		width: 327px;
	}
	.ArticleFeed .Pinnable
	{
		width: 327px;
	}

	.DetailBox
	{
		width: 300px !important;
	}

	.AddMediaOption
	{
		display: none;
	}
	#PostPrompt
	{
		display: none;
	}

	.CommentBox
	{
		width: 270px !important;
	}
	.CommentItem
	{
		width: 265px !important;
	}
	.MediaComments
	{
		margin-left: 0px !important;
	}
	.CommentText
	{
		width: 185px !important;
	}
	.CommentText textarea
	{
		width: 192px !important;
	}
	.CommentBtn
	{
		margin-left: 60px !important;
		margin-top: 10px !important;
	}

	.PanelAuto
	{
		width: 330px;
		margin-left: 10px;
	}
	.Panel970
	{
		width: 330px !important;
		margin-left: 10px;
	}
	.Panel970 .Content
	{
		width: 330px !important;
	}
	.Panel770
	{
		width: 330px !important;
		margin-left: 10px;
	}
	.Panel770 .Content
	{
		width: 330px !important;
	}
	.PageContent
	{
		width: 330px !important;
	}
	.IndentStandard
	{
		padding-left: 4px;
	}
	.NoVert
	{
		display: none;
	}
	.SearchInterface
	{
		width: 300px;
	}
	.PeopleSearchContainer
	{
		width: 300px;
	}
	.PeopleListingContainer
	{
		width: 300px;
	}
	.ListingStatusBox
	{
		display: none;
	}
	.ListingSideControls
	{
		display: none;
	}
	.QuickSearchOptions
	{
		margin-left: 20px;
		margin-bottom: 4px;
	}
	#uxTextSearchCriteria
	{
		width: 260px;
	}
	#BannerPanel
	{
		display: none;
	}
	#AdBoxPanel
	{
		display: none;
	}
	#SendMessagePanel
	{
		display: none;
	}
	#PanelAddOption
	{
		display: none;
	}
	.SectionButtonPanel
	{
		float: none;
		margin-bottom: 20px;
	}
	.SectionButtonPanel.InitialButton
	{
		margin-left: 0px;
	}
	#DemoOptionPanel
	{
		display: none;
	}
	.EventDetailPanel.Summary
	{
		width: 300px;
		overflow: hidden;
	}
	.SpacerVert
	{
		display: none;
	}
	.Title_EntryOrganizer
	{
		display: none;
	}
	.Title_EntryLocation
	{
		display: none;
	}
	.EventDetailPanel.Description
	{
		width: 300px;
	}
	.RegistrationPanel
	{
		margin-left: 40px;
	}
	.EventDetailPanel.Registration
	{
		width: 270px;
		margin-bottom: 60px;
		min-height: 0px;
	}

	.FeatureLogin
	{
		float: none;
		width: 270px;
		margin: 0 auto;
	}
	.FeatureContent
	{
		float: none;
		width: 340px;
		margin: 0 auto;
	}
	.FeatureContent .PanelGroup
	{
		width: 340px;
	}
	.FeatureContent .PanelGroup .Content
	{
		width: 335px;
	}
	.FeatureImage
	{
		width: 320px;
		margin: 10px auto;
	}
	.FeatureImage img
	{
		width: 320px !important;
		height: auto !important;
	}
	.DocGroup
	{
		float: none;
		width: 300px;
	}
	/*
				#MobileLogo 
				{
					display: inline;
					position: absolute;
					top: 8px;
					left: 20px;
					padding: 5px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					background-color: #ffffff;
				}
				#MobileLogo img
				{
					max-height: 65px;
					max-width: 200px;
				}
				*/



}

/* Tablet View */
@media screen and (min-width:480px) and (max-width:800px)
{
	/*
				.TabletHead
				{
					width: 770px;
					height: 5px;
					background-color: #009900;
				}
				*/
	.NoMobile
	{
		display: none;
	}
	.StartLeftSide
	{
		margin-left: 55px;
	}
	.StartRightSide
	{
		display: none;
	}
	.FixedWidthContainer
	{
		width: 770px;
	}
	#ServicePanel
	{
		min-width: 770px;
	}
	#HeaderWrapper
	{
		min-width: 770px;
	}
	#InfoPanel
	{
		min-width: 782px;
		width: 770px;
	}
	#InfoPanel #InfoBar
	{
		width: 770px;
	}
	#MobileLogo
	{
		display: inline;
		position: absolute;
		top: 8px;
		left: 20px;
		padding: 5px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #ffffff;
	}
	#MobileLogo img
	{
		height: 65px;
		max-width: 300px;
	}


	#NavPanel
	{
		min-width: 770px;
		display: none;
	}
	#FooterContainer
	{
		width: 770px;
	}
	.StagingAlert
	{
		display: none;
	}
	#ServiceTabPanel
	{
		margin-left: -100px;
	}

	.PanelAuto
	{
		width: 565px;
	}
	#BannerPanel
	{
		display: none;
	}
	.FeatureLogin
	{
		float: right;
		width: 260px;
		margin: 0 40px 0 0;
	}
	.FeatureContent
	{
		float: left;
		width: 330px;
	}
	.Panel660
	{
		width: 400px;
	}
	.FeatureContent .PanelGroup
	{
		margin-left: 50px;
	}
	.FeatureImage
	{
		margin-left: 50px;
		width: 380px;
	}
	.FeatureImage img
	{
		width: 380px;
	}
	.FeatureText
	{
		width: 360px;
	}
	.DocGroup
	{
		float: none;
	}
	#SiteSubNavContainer
	{
		width: 750px;
	}
}
