﻿body, html, td { font-family: Verdana; font-size: 12px;}

ul { list-style-type: square; }
img { border: 0; }
p { margin-top: 0; padding-top: 0; }

/* Classes */
.Clear { clear: both; line-height:0; }

.ErrorLabel, .MessageLabel { font-size: 14px; font-weight: bold; text-align: center; padding: 7px; margin: 10px 0 10px 0;}

.StandOut { font-size: 16px; font-weight: bold; text-align: center; }

.Title { font-size: 18px; margin-bottom: 15px; padding-bottom: 10px; font-weight: normal; font-variant: small-caps; }
.SubTitle { font-size: 14px; margin: 0 0 10px 0; font-weight: bold; }

#SubContent .SubTitle {  }

.Pager { clear: both; margin: 10px; text-align: center; }
.Pager a, .Pager span { padding: 5px; }
.Pager a:hover { text-decoration: none; }

.Section, .AltSection { margin-bottom: 15px; }
.Section .Content { line-height: 1.5em; padding: 5px; }

.Section .Heading {}

#MainContent .Section .SubHeading { font-size: 15px; height: 18px; margin: 0 0 10px 0; font-weight: bold; padding: 5px; font-variant: small-caps; -moz-border-radius: 5px; }
#MainContent .Section .SubHeading a { font-size: 15px; margin: 0 0 5px 0; font-weight: bold; padding: 5px; font-variant: small-caps; }
#SubContent .Section .SubTitle { font-size: 16px; font-weight: bold; margin-bottom: 0; padding: 5px 5px 5px 15px; height: 21px; }

#SubContent .AdBox { width: 300px; margin: 0 auto 0 auto; }
#SubContent .Section .SubHeading { font-variant: small-caps; font-size: 16px; font-weight: bold; padding: 10px 30px 0 10px; height: 30px; overflow: hidden; margin: 0 0 5px 0; }
#SubContent .Section .Content { padding: 5px; }
#SubContent .Section .Footer { text-align: center; padding: 15px; }
#SubContent .Section .FooterLink { display: block; padding-top: 8px; height: 25px; text-align: center; text-transform: uppercase; }

a.EnlargeLink { background-image: url(/Assets/Images/shared/icons/MagnifyingGlass.png); background-repeat: no-repeat; padding-left: 20px; }
a.InviteLink { background-image: url(/Assets/Images/shared/icons/InviteEnvelope.png); background-repeat: no-repeat; padding: 7px 0 7px 35px; }
a.AddFriendLink { background-image: url(/Assets/Images/shared/icons/addFriend.png); background-repeat: no-repeat; padding:10px; }
a.SendMessageLink { background-image: url(/Assets/Images/shared/icons/inbox.png); background-repeat: no-repeat; padding: 10px;  }
a.AddFriendLink:hover, a.SendMessageLink:hover { text-decoration: none; }
/* END: Classes */




/**
** FORMS
**/
table.DetailsTable {}
table.DetailsTable .SubHeading { font-weight: bold; padding: 10px 0 10px 0; height: 18px}
table.DetailsTable td.LabelCell { padding: 5px 10px 5px 0; vertical-align: top; }
table.DetailsTable td { padding: 5px; }
.CalendarPopup td, table.DetailsTable td .CalendarPopup td { padding: 0; background-color: White; color: Black; border: solid 1px #eeeeee; }
.CalendarPopup .ajax__calendar_dayname { background-color: #ede8df; }
.CalendarPopup .ajax__calendar_container { border: solid 1px #ab8e53;  background-color: White; }
.CalendarPopup .ajax__calendar_header { background-color: #ad7a3b; color: White; }
.CalendarPopup .ajax__calendar_footer { background-color: #999999; color: white; }

input {}
textarea { width: 400px; height: 80px; }
.CheckBox label { cursor: pointer; }
input.DateBox { width: 100px; background-image: url(/DynamicData/Content/Images/CalendarIcon.png); background-position: right; background-repeat: no-repeat; }
input.Button { text-transform: uppercase; font-size: 11px; font-weight: bold; padding-right: 5px; padding-left: 5px; cursor: pointer; }
input.MainButton { text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 3px 0 3px 0; cursor: pointer;}

select {}

.ErrorValidator { color: Red; }

td.Buttons { text-align: center; }

.GridView {}
/**
** END: FORMS
**/



/* Modal POPUP */
.Popup                  { background-color:#000000; border:#555555 2px solid; }
.Popup .PopupTitle     { position:relative; height:31px; background-color: #bc8d4d; background-image: url(/Assets/Images/shared/buttons/NavBackground.jpg); color: #000000; font-variant: small-caps; }
.Popup .PopupTitle .Close  { width:25px; height:31px; position:absolute; right:0; top:0px; color: white; font-size: 20px;							font-weight: bold; text-decoration: none;}
.Popup .PopupTitle div  { color: #000000; float:left; font-size:16px; font-weight:bold; padding:5px 10px; }
.Popup .PopupContent    { margin:1px; border:1px solid; }
.PopupUiCover           { background-color:#000000; opacity:.70; cursor:wait; filter:Alpha(opacity=70); ~Moz-Opacity:.70; }





/* Data Results */
#MainContent .DataRecord { overflow: hidden; }
#MainContent .DataRecord .RecordContent { }
#MainContent .DataRecord .RecordContent .RecordTitle, .DataRecord .RecordContent .RecordTitle a 
	{font-size: 12px; margin: 0; padding: 0; font-weight: bold; }
#MainContent .DataRecord .RecordContent .RecordBody { font-size: 11px; line-height: 15px; }

#SubContent .RecordContent .RecordTitle { margin: 0 0 5px 0; }


#MainContent .ArticleRecord { height: 145px; margin: 5px; padding: 10px; overflow: hidden; }
#MainContent .ArticleRecord img { float: left; display: block; margin-right: 10px; }
#MainContent .ArticleRecord .RecordContent { padding-top: 12px; }
#MainContent .ArticleRecord .ArticleInfo { margin-top: 0; }
#MainContent .ArticleRecord .RecordContent .RecordTitle { }
#MainContent .ArticleRecord .RecordContent .RecordBody { }

#SubContent .ArticleRecord { height: 90px; margin-right: 10px;  overflow: hidden; clear: both; }
#SubContent .ArticleRecord img { float: left; width: 140px; height: 77px; display: block; margin-right: 10px; }
#SubContent .ArticleRecord .RecordContent { float: left; width: 140px; }


#MainContent .ArticleHeaderWrapper { text-align: center; padding: 5px; }


#MainContent .EventRecord  { height: 130px; padding: 10px; margin: 5px; width: 270px; float: left; position: relative; }
#MainContent .EventRecord .EventImageSection { float: left; width: 90px; margin-right: 15px; text-align: center; }
#MainContent .EventRecord .EventImageSection .EnlargeLink { font-size: 9px; }
#MainContent .EventRecord .EventImageSection img { margin-bottom: 5px; }
#MainContent .EventRecord .GuestlistIcon { background-image: url(/Assets/Images/shared/icons/clipboard.png); background-position: right; background-repeat: no-repeat; padding: 15px 40px 5px 0; position: absolute; right: 10px; bottom: 5px; font-size: 10px; }
#MainContent .EventRecord .RecordContent { }
#MainContent .EventRecord .EventDate {font-size: 9px; margin-top: 5px; }
#MainContent .EventRecord .RecordContent .RecordTitle { margin-bottom: 10px; }
#MainContent .EventRecord .RecordContent .RecordBody { }


#SubContent .EventRecord  { height: 100px; padding: 10px 0 10px 0; width: 300px; position: relative; clear: both; }
#SubContent .EventRecord .EventImageSection { float: left; width: 80px; margin-right: 15px; }
#SubContent .EventRecord .GuestlistIcon { background-image: url(/Assets/Images/shared/icons/clipboard.png); background-position: right; background-repeat: no-repeat; padding: 15px 40px 5px 0; position: absolute; right: 10px; bottom: 5px; font-size: 10px; }
#SubContent .EventRecord .RecordContent { width: 200px; float: left; }
#SubContent .EventRecord .RecordBody {font-size: 9px; margin-top: 5px; }



#MainContent .GalleryRecord { width: 180px; height: 170px; padding: 5px; text-align: center; overflow: hidden; float: left; margin: 0 7px 7px 0; }
#MainContent .GalleryRecord .GalleryImageSection { margin-top: 10px;}
#MainContent .GalleryRecord .RecordContent { margin-top: 5px;}
#MainContent .GalleryRecord .RecordBody { margin-top: 5px; line-height: 1.4em;}

#SubContent .GalleryRecord { clear: both; padding: 10px 0 10px 0; height: 70px; }
#SubContent .GalleryRecord img { width: 105px; height: 70px; }
#SubContent .GalleryRecord .GalleryImageSection { float: left; width: 120px; }
#SubContent .GalleryRecord .RecordContent { float: left; width: 180px; }
#SubContent .GalleryRecord .RecordBody { font-size: 10px; }

#MainContent .CommentRecord { margin-bottom: 10px; padding: 5px; }
#MainContent .CommentRecord .MemberImage { width: 80px; float: left; font-size: 10px; }
#MainContent .CommentRecord .RecordContent { margin-left: 80px; }
#MainContent .CommentRecord .RecordBody { }
#MainContent .CommentRecord .CommentMetaData { text-align: right; font-size: 10px; margin-top: 10px; }
#MainContent .CommentRecord .CommentMetaData a { background-repeat: no-repeat; background-image: url(/Assets/images/shared/icons/EntourageELogo.png); padding-left: 23px;}
#MainContent .CommentRecord .CommentActions { margin-bottom: 10px; font-size: 9px; }


.MemberRecord { width: 83px; height: 80px; padding: 5px; margin: 0 5px 5px 0; float: left; position: relative; -moz-border-radius: 10px; }
.MemberRecord .MemberImgLink { }
.MemberRecord a.SendMessageLink, .MemberRecord a.AddFriendLink { position: absolute; display: block; width: 20px; height: 16px; padding: 0; }
.MemberRecord a.SendMessageLink { top: 10px; right: 5px; }
.MemberRecord a.AddFriendLink { top: 45px; right: 3px; }
.MemberRecord .ExclusiveIcon { position: absolute; display: block; width: 27px; height: 21px; top: 45px; left: -1px; background-image: url(/Assets/images/shared/icons/ExclusiveMemberSm.png) }
.MemberRecord .PremiumIcon { position: absolute; display: block; width: 27px; height: 22px; top: 45px; left: 1px;  background-image: url(/Assets/images/shared/icons/PremiumMemberSm.png)}
.MemberRecord .UserNameLink { text-align: center; margin-top: 2px; font-size: 11px; }

	
#MainContent .PromoterWithRecords { -moz-border-radius: 10px; }
#MainContent .PromoterWithRecords legend { font-size: 11px; }
#MainContent .PromoterWithRecords legend a { font-weight: bold; font-size: 12px; }
#MainContent .PromoterWithRecords legend img { vertical-align: middle; }
#MainContent .PromoterWithRecords legend div { float: left; }

#SubContent .GalleryImageRecord { float: left; margin: 5px; width: 90px; height: 70px; }

.BlogRecord { margin-top: 5px; padding-bottom: 5px; clear: both; height: 13px; overflow: hidden; }
.BlogRecord a {   }
.BlogRecord span { display: block; width: 100px; float: right; text-align: right; }

/* SHARED which is why it has colors */
.MemberCompletionListItem, 
	.MemberCompletionHighlightedListItem { width: 175px; height: 30px; padding: 3px; cursor: pointer; font-size: 10px; border: solid 1px #cccccc; }
.MemberCompletionListItem img, 
	.MemberCompletionHighlightedListItem img { float: left; display: block; width: 40px; height: 30px; margin-right: 3px;}
.MemberCompletionListItem { background-color: White; color: Black; }
.MemberCompletionHighlightedListItem { background-color: #f2d39c; color: black; }

/* END: Data Results */