*
{
	margin: 0px;
	padding: 0px;
}
html, body
{
	margin: 0px;
	padding: 0px;
}
* html, body
{
	margin: 0px;
	padding: 0px;
}
img 
{
	vertical-align: middle;
}
h1
{
	color: #8cc63f;
	font-weight: normal;
	font-size: 34px;
}
h2
{
	font-size: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #A0C619;
	width: 100%;
	font-weight: normal;
	height: 28px;
}
h3
{
	font-weight: normal;
	font-size: 18px;
}
h4
{
	font-weight: normal;
	font-size: 16px;
	font-weight: normal;
	color: #808080;
}
h5
{
	font-size: 14px;
	color: #808080;
}
h6
{
	text-align: right;
	font-size: 19px;
	font-weight: normal;
	color: #a0a0a0;
}

p
{
	padding: 0 0 10px 0;
}
ul, ol
{
	padding-left: 20px;
}

body
{
	overflow-y: scroll;
	background: #F0F0F0 url(  'images/bodyBackground.png' ) repeat-x scroll 0px 40px;
	font-family: Arial, Sans-Serif;
	color: #303030;
	font-size: 14px;
}

body a:hover
{
	text-decoration: underline;
}
body a
{
	color: #C63FA1;
	text-decoration: none;
}
body a:visited
{
	color: #C63FA1;
}
h1
{
	margin-top: 0px;
}
iframe
{
	display: none;
}
.Clear,
.clear
{
	clear: both;
	margin: 0px;
	line-height: 0px;
	padding: 0px;
	height: 0px;
}
.Error
{
	background-image: url(   'images/headerBackground.gif' );
	background-position: 0px -50px; /*background: #CCCCFF none repeat scroll 0% 0%;*/
	border: 1px solid #ccc; 
	margin: 10px 0px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.TextArea
{
	border: solid 1px #c7d1c6;
	background-color: #ffffff;
	overflow: auto;
	padding: 5px;
}
.TextArea:hover
{
	border: solid 1px #c7d1c6;
	background-color: #d8e2d7;
}
.TextBox
{
	border: solid 1px #c7d1c6;
	background-color: #ffffff;
	height: 16px;
	width: 150px;
	padding: 5px;
	vertical-align: middle;
}
.TextBox:hover
{
	border: solid 1px #c7d1c6;
	background-color: #d8e2d7;
}

.HyperLinkButton:hover
{
	text-decoration: none;
	cursor: default;
}

.HyperLinkButton span
{
	color: Black;
	border: solid 1px #c7d1c6;
	background-color: #ffffff;
	height: 16px;
	padding: 1px 8px 1px 8px;
	vertical-align: 0;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	cursor: default;
}
.HyperLinkButton span:hover
{
	border: solid 1px #c7d1c6;
	background-color: #d8e2d7;
}

.Button
{
	overflow: visible;
	width: auto;
	border: solid 1px #808080;
	background-color: #8CC63F;
	padding: 4px 10px;
	line-height: 1.5;
	font-family: Arial,Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	vertical-align: middle;
}

.Button:hover
{
	border: solid 1px #8CC63F;
	background-color: white;
	color: #8CC63F;
}

.Select
{
	border: 1px solid #c7d1c6;
	margin-right: 3px;
	padding: 4px 2px;
	vertical-align: middle;
}


#ToolTipArrowLeft
{
	background-image: url(   'images/tooltipArrowLeft.gif' );
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	left: -23px;
	height: 23px;
	width: 23px;
	top: -3px;
}

#ToolTipArrowRight
{
	background-image: url(   'images/tooltipArrowRight.gif' );
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	height: 23px;
	width: 23px;
	top: -3px;
}

#Bubble
{
	position: absolute;
	z-index: 100;
}
#Bubble #BubbleContent
{
	background-image: url(   'images/tooltipBubble.png' );
	width: 203px;
	padding: 19px 20px 0px 32px;
	font-family: Arial,Sans-Serif;
	font-size: 14px;
}
#Bubble #BubbleClose
{
	background-image: url(   'images/tooltipBubble.png' );
	height: 20px;
	background-position: 0px bottom;
	width: 255px;
}

#Bubble.Left #BubbleContent
{
	padding: 19px 32px 0px 20px;
	background-position: 255px 0px;
}
#Bubble.Left #BubbleClose
{
	background-position: 255px bottom;
}
#Bubble #BubbleContent h4
{
	font-size: 18px;
	color: #8cc63f;
}
#Bubble #BubbleInner
{
	width: 203px;
	overflow-x: hidden;
	min-height: 28px;
}

#ToolTip
{
	position: absolute;
	z-index: 100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font-family: Arial, Sans-Serif;
}

#ToolTipInner
{
	color: #333333;
	overflow: hidden;
	font-size: 12px;
}

#ToolTipContent
{
	padding: 5px 10px;
}
.ToolTipLoad
{
	background-image: url(   '/Content/Images/ajax-loader.gif' );
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 28px;
}

#ToolTipClose
{
	font-size: 18px;
	color: #303030;
	line-height: 16px;
	margin-left: 10px;
	padding-top: 10px;
	border-bottom: solid 1px #A0C619;
	width: 280px;
}

#AvatarBubble
{
	padding: 10px 10px 10px 10px;
	font-family: Arial,Sans-Serif;
}
#AvatarBubble .AvatarImage
{
	height: 48px;
	width: 48px;
	padding: 2px 2px 2px 2px;
	border: solid 1px #808080;
}
#AvatarBubble #Current
{
	float: left;
	margin-left: 5px;
	color: #303030;
	font-size: 12px;
}
#AvatarBubble #Current a
{
	color: #303030;
}

#HeaderLogo
{
	background-image: url(  'images/babblrLogo.png' );
	height: 91px;
	position: absolute;
	top: 0px;
	width: 238px;
	margin-left: -3px;
	z-index: 60;
	text-decoration: none;
}
#HeaderContent
{
	height: 40px;
	width: 100%;
	position: relative;
}
#HeaderContent #WrapTop
{
	background-color: #FEFEFE;
	height: 40px;
}
#HeaderContent #Wrap
{
	height: 10px;
	background: transparent url(images/cornerBottom.png) repeat-x scroll center bottom;
	width: 100%;
	clear: both;
	display: block;
}
#HeaderInner
{
	width: 850px;
	margin: 0px auto;
	position: relative;
}
#FooterContent table
{
	font-family: Arial,sans-serif;
	font-size: 12px;
	vertical-align: middle;
	margin: 0px auto;
	color: #A0A0A0;
}
#FooterContent table a
{
	color: #A0A0A0;
}
#FooterContent th
{
	text-align: left;
	padding: 0px 25px 0px 0px;
}
#FooterContent td
{
	padding: 0px 25px 0px 0px;
}
#BodyContent
{
	margin: 0 auto;
	overflow: hidden;
	width: 850px;
	clear: both;
	margin-top: 20px;
}

#Header
{
	background: url(   'images/headerBackground.gif' );
	background-repeat: repeat-x;
	height: 140px;
	position: relative;
}

#Header a
{
	color: #6383a1;
}
#Header #Name
{
	float: left;
	margin-left: 5px;
	border: none;
}
#CurrentPage
{
	color: #8cc63f;
	float: left;
	left: 12px;
	top: 72px;
	position: relative;
	z-index: 200;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
}
#HeaderContent ul
{
	position: absolute;
	height: 40px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	right: 0px;
}
#HeaderContent li
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Sans-Serif;
	display: inline;
	font-weight: bold;
}

#HeaderContent li a
{
	float: left;
	height: 20px;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #808080;
}
#HeaderContent ul li a:hover
{
	text-decoration: none;
	color: #f6f6f6;
	background-color: #C63FA1;
}
#HeaderContent ul #ActiveFirstLevelNavigationItem a
{
	background-color: #8cc63f;
	text-decoration: none;
	color: white;
	margin-right: 0px;
}

#HeaderContent #Navigation #ActiveFirstLevelNavigationItem a:hover
{
	text-decoration: none;
}

#HeaderContent #SecondLevelNavigation
{
	float: left;
	font-family: Arial,Sans-Serif;
	height: 35px;
	left: 345px;
	overflow: hidden;
	position: absolute;
	top: 116px;
	padding-left: 16px;
	font-size: 12px;
	z-index: 100;
}
#HeaderContent #SecondLevelNavigation li
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	float: left;
}
#ActiveSecondLevelLeft
{
	float: left;
	background-image: url(  'images/secondLvlTabLeft.png' );
	width: 16px;
	height: 35px;
}
#ActiveSecondLevelRight
{
	float: left;
	background-image: url(  'images/secondLvlTabRight.png' );
	width: 16px;
	height: 35px;
}

#HeaderContent #ActiveSecondLevelNavigationItem
{
	margin-left: -16px;
}
#HeaderContent #SecondLevelNavigation #ActiveSecondLevelNavigationItem a
{
	background-image: url(  'images/secondLvlTabMiddle.png' );
	margin-right: 0px;
	color: #055B9D;
	height: 35px;
}
#HeaderContent #SecondLevelNavigation li a
{
	text-decoration: none;
	margin-right: 16px;
	padding: 10px 5px 5px 5px;
	color: #fefefe;
	float: left;
}
#HeaderContent #SecondLevelNavigation li a:hover
{
	color: #666666;
}

#Footer
{
	background-image: url(   'images/footerBackground.gif' );
	height: 73px;
	color: White;
	padding-top: 10px;
	text-align: center;
}

#Content, #ContentBlue, #ContentGreen
{
	padding: 10px 10px 10px 5px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #303030;
	background-color: White;
}
#ContentBlue, #ContentGreen
{
	background-color: #055b9d;
	padding: 10px 5px 10px 0px;
	color: White;
	width: 200px;
	overflow: hidden;
}
#ContentGreen
{
	background-color: #8cc63f;
}
#Content #Left
{
	float: left;
	width: 540px;
}
#Content #LeftCenter
{
	width: 540px;
	margin: 0px auto;
}
#Content #Right
{
	float: right;
	margin-left: 20px;
	width: 190px;
}
#Content a
{
	font-weight: bold;
}

#Content #LogoSmall
{
	position: relative;
	top: 2px;
}

#Content #Welcome
{
	margin-bottom: 20px;
	width: 550px;
}
#WhatNow
{
	margin-bottom: 20px;
	width: 540px;
}
#WhatNow ol
{
	font-family: Lucida Grande,Sans-serif;
	font-size: 17px;
	margin-left: 20px;
}

#WelcomeUser h1
{
	font-size: 52px;
	line-height: 40px;
	text-align: center;
}

#RegisterForm th
{
	text-align: left;
	font-weight: bold;
	font-family: Lucida Grande,Sans-serif;
	width: 150px;
}

#RegisterForm .Description
{
	font-style: italic;
	color: #768175;
	font-size: 10px;
}

#PageModes #LinkPageHistory
{
	border: none;
	border-left: dotted 1px #a0a0a0;
	padding-left: 5px;
}
#PageModes #LinkEditPage
{
	border-left: dotted 1px #a0a0a0;
	padding-left: 5px;
	padding-right: 5px;
}
#PageModes #LinkViewPage
{
	padding-right: 5px;
}
#PageEditor
{
	padding: 10px 10px 10px 10px;
	display: block;
	width: 600px;
	border: solid 1px #ff8a23;
	background-color: #ffe2ca;
	font-size: 11px;
	color: #111111;
	margin-bottom: 20px;
}
#PageEditor div
{
	font-size: 13px;
}
#PageEditor table
{
	width: 100%;
}
#PageEditor .TextArea
{
	width: 99%;
}
.AvatarToolTip
{
	border: none;
	color: White !important;
	text-decoration: none;
	overflow: hidden;
	background-color: #aaa;
	display:inline-block;
}
#LatestUsers .AvatarToolTip
{
	width: 48px;
	height: 48px;
	margin-right: 12px;
}
.AvatarSmallBox .AvatarToolTip
{ 
	width: 24px;
	height: 24px;
	position: relative;
} 

.AvatarWithoutToolTip
{
	margin: 0px 1px 1px 0px !important;
}

#ProfileSettings .TextBox
{
	width: 250px;
}
#ProfileSettings table
{
	width: 550px;
}
#ProfileSettings .TextArea
{
	width: 250px;
}
#ProfileSettings tr
{
	width: 550px;
}
#ProfileSettings td
{
	width: 250px;
	vertical-align: top;
}

#ProfileSettings #AvatarSettings img
{
	float: left;
}
#ProfileSettings .FieldName
{
	display: block;
}
#ProfileSettings .FieldDescription
{
	display: block;
	color: #808080;
	font-size: 12px;
}
#ProfileSettings #ProfileSettingsAvatarForm
{
	margin: 0px;
	float: left;
	width: 425px;
	margin-left: 10px;
}
#ProfileSettings #ProfileSettingsAvatarForm #AvatarUploadMessage
{
	height: 16px;
	font-style: italic;
}
#ProfileSettings #ProfileSettingsAvatarForm #AvatarUploadButton
{
	display: block;
	margin-top: 5px;
}
#ProfileSettings #AvatarUploadTarget
{
	display: none;
}
#ProfileSettings #UpdateStatus
{
	display: inline;
	margin-left: 10px;
}
#ProfileSettings #InstantMessagingSettingsTable td
{
	width: 700px;
	vertical-align: top;
	padding-right: 20px;
}
#ProfileSettings form.Personal
{
	margin-top: 20px;
}
#ProfileView
{
}
#ProfileView #Headline
{
	margin-bottom: 20px;
}

#ProfileView #HeadlineUser
{
	float: left;
}
#ProfileView #HeadlineLocation
{
	float: right;
	font-size: 14px;
	margin-top: 10px;
}
#ProfileView #Avatar
{
	float: left;
	width: 96px;
	overflow: hidden;
	border: solid 1px #a0a0a0;
}
#BigStatus
{
	float: left;
	margin-bottom: 20px;
}

#BigStatus #BigBubble
{
	float: left;
	width: 442px;
	background: transparent url(images/bubblebigstartnew.png) repeat scroll 0 100%;
	padding-bottom: 10px; 
	margin-top: -5px;
}
#BigBubble #Inner
{
	background: transparent url(  'images/bubbleBigStartNew.png' );
	width: 410px;
	padding: 12px 10px 0px 24px;
	min-height: 87px;
	float: left;
}
#BigBubble #Inner .Text
{
	float: left;
	font-size: 18px;
	min-height: 52px;
	width: 394px;
}
.SmallContent #BigBubble #Inner .Text
{
	margin-left: 4px;
	width: 315px;
}

#BigBubble #Inner .Navigation
{
	float: right;
	width: 16px;
}
#BigBubble #Inner .Attachment
{
	width: 386px;
}

#BigStatus .Time
{
	color: #a0a0a0;
	float: none;
	clear: both;
	margin-left: 114px;
	font-size: 11px;
	width: 350px;
}
#BigStatus .Time a
{
	font-weight: bold;
	color: #a0a0a0 !important;
}

#ProfileOptions
{
	margin-bottom: 20px;
	float: left;
}

#ProfileOptions .RelationButton
{
	border: solid 1px #a0a0a0;
	float: left;
	margin-right: 5px;
	padding: 5px 5px 5px 26px;
	cursor: pointer;
	color: #303030;
	background-color: White;
	font-weight: normal;
}
#ProfileOptions .RelationButton:hover
{
	border: solid 1px #808080;
	background-color: #8CC63F !important;
	color: White;
	text-decoration: none;
}
#ProfileOptions #SubscribeAdd
{
	background: transparent url(  'images/iconSubscribeAdd.png' ) no-repeat 4px 4px;
}
#ProfileOptions #SubscribeDel
{
	background: transparent url(  'images/iconSubscribeDelete.png' ) no-repeat 4px 4px;
}
#ProfileOptions #DeliveryAdd
{
	background: transparent url(  'images/iconDeliveryAdd.png' ) no-repeat 4px 4px;
}
#ProfileOptions #DeliveryAdd:hover
{
	background-color: #C63FA1 !important;
}
#ProfileOptions #DeliveryDel
{
	background: transparent url(  'images/IconDeliveryDelete.png' ) no-repeat 4px 4px;
}

#ProfileOptions #Poke
{
	background: transparent url(  'images/iconPoke.png' ) no-repeat 4px 4px;
}
#ProfileOptions #RelationChange
{
	background: transparent url(  'images/iconInformationFrame.png' ) no-repeat 4px 4px;
	clear: both;
	border: solid 1px #808080;
	background-color: #C63FA1 !important;
	color: White;
	float: left;
	margin-top: 10px;
	padding: 5px;
}
#ProfileOptions #RelationChange span
{
	width: 508px;
	display: block;
	padding-left: 19px;
}
#ProfileOptions #RelationChange span a
{
	color: #c64f00;
}
#RelationChange #DeliveryInfo
{
	clear: both;
	margin-top: 10px;
	border: solid 1px #808080;
	background-color: White;
	color: #303030;
	padding: 5px;
	width: 515px;
}
#RelationChange #DeliveryInfo span
{
	margin-bottom: 10px;
	float: left;
	width: 515px;
	padding-left: 0px;
}
#ProfileOptions #AjaxStatus
{
	float: left;
	height: 16px;
	position: relative;
	text-align: right;
	margin-bottom: -16px;
}

#ProfileView #UserContent
{
	float: left;
}
#ProfileView #UserInformation h2
{
	margin: 0px;
	font-size: 16px;
}
#ProfileView #UserInformation h3
{
	margin: 0px;
	font-size: 14px;
	margin-top: 10px;
}
#ProfileView #UserInformation #Location
{
	display: block;
	font-style: italic;
	font-size: 12px;
}
#ProfileView #UserDetails
{
	float: left;
	width: 230px;
}

#ProfileView #UserDetails #Bio, #Homepage, #Interests
{
	font-size: 12px;
	margin-bottom: 5px;
}
#ProfileView #UserContent
{
	margin-left: 20px;
	width: 180px;
}
#ProfileView #UserContent #AvatarDisplay
{
	margin-bottom: 10px;
	clear: both;
}
#ProfileView #UserContent #AvatarDisplay .Description
{
	clear: both;
	font-size: 14px;
	font-weight: bold;
}
#ProfileView #UserContent #AvatarDisplay h3
{
	display: block;
	clear: both;
}
#ProfileView h3
{
	margin: 0px;
	font-size: 14px;
}

#Timeline
{
	width: 100%;
	position: relative;
}

.StrikeOutText
{
	font-size: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #A0C619;
	width: 100%;
	font-weight: normal;
	height: 28px;
}
#ContentGreen .StrikeOutText
{
	border-bottom-color: White;
}

#Messaging
{
	width: 100%;
}
#Messaging #Target
{
	float: left;
}
#Messaging #Target select
{
	vertical-align: middle;
}
#Whassup #EntryState
{
	float: left;
}
#CharsLeft
{
	float: right;
	color: #E0E0E0;
}
.TimelineEntryForm
{
	clear: both;
	margin-top: 10px;
	padding-bottom: 0px !important;
}
.TimelineEntry
{
	float: left;
	background: transparent url(   'images/timelineSeperator.png' ) repeat-y;
	padding-bottom: 10px;
}
.LastTimelineEntry
{
	background: none !important;
}
.TimelineEntryForm .Inner
{
	padding-top: 10px !important;
}
.TimelineEntryForm .Text
{
	float: none !important;
	width: 456px !important;
}
.TimelineEntryForm TextArea
{
	border: 1px solid #A0A0A0;
	width: 454px;
	height: 64px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}
.TimelineEntryForm #PostOptions
{
	clear: both;
	margin-top: 5px;
}
#Messaging .TimelineEntryForm #PostOptions
{
	float: right;
}

.TimelineEntryForm #CharsLeft
{
	background-color: #EEA300;
	float: left;
	font-family: Arial,Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: 16px;
	overflow: hidden;
	text-align: center;
	width: 130px;
}
.TimelineEntryForm #UpdatePostStatus
{
	float: right;
	margin-right: 10px;
	height: 16px;
	font-size: 11px;
}
.TimelineEntryForm #PostButton
{
	float: right;
	height: 28px;
	background-color: #8CC63F;
	border: 1px solid #808080;
	color: white;
	cursor: pointer;
	font-family: Arial,Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 50px;
	text-align: center;
}
.TimelineEntryForm #PostButton:hover
{
	background-color: white;
	color: #8CC63F;
}

.TimelineEntry .Bubble
{
	background: transparent url(images/bubbleStartNew2.png) no-repeat scroll 0px 100%;
	float: left;
	padding: 0 0 8px;
	width: 485px;
	margin-top: -4px;
}
#LatestUsers
{
	padding-left: 10px;
}


.TimelineEntry .Bubble .Inner
{
	background: transparent url(images/bubbleStartNew2.png) no-repeat scroll 0px 0px;
	min-height: 41px;
	padding: 8px 14px 5px 19px;
	float: left;
	width: 457px;
}
.TimelineEntry.Hov .Bubble
{
	background-position: -487px 100%;
}
.TimelineEntry.Hov .Bubble .Inner
{
	background-position: -487px 0px;
}

#BigBubble #Inner .YtAttachment, .TimelineEntry .Inner .YtAttachment
{
	float: left;
	width: 53px;
	height: 50px;
	background: transparent url(  'images/attachmentVideo.png' );
	padding: 7px 0px 0px 8px;
}
#BigBubble #Inner .YtAttachment a, .TimelineEntry .Inner .YtAttachment a
{
	width: 44px;
	height: 32px;
	overflow: hidden;
	float: left;
	position: relative;
}
#BigBubble #Inner .YtAttachment a img, .TimelineEntry .Inner .YtAttachment a img
{
	border: none;
	width: 44px;
	height: 32px;
}

#BigBubble #Inner .ImgAttachment, .TimelineEntry .Inner .ImgAttachment
{
	float: left;
	width: 60px;
	height: 58px;
	background: transparent url(  'images/attachmentImage.png' );
	padding: 14px 5px 3px 10px;
}
#BigBubble #Inner .ImgAttachment a, .TimelineEntry .Inner .ImgAttachment a
{
	width: 52px;
	height: 48px;
	overflow: hidden;
	float: left;
	position: relative;
}
#BigBubble #Inner .ImgAttachment a img, .TimelineEntry .Inner .ImgAttachment a img
{
	border: none;
}
.TimelineEntry .Inner .Text
{
	float: left;
	width: 440px;
	overflow-x: hidden;
}

.SmallContent .Inner .Text
{
	margin-left: 4px;
	width: 359px;
}


.TimelineEntry .Inner .Text span
{
	background-color: #8CC63F;
}
#BigBubble .Attachment,
.TimelineEntry .Attachment
{
	clear: both;
	padding: 10px 10px 5px 10px;
	font-size: 12px;
	border-top: solid 1px #b5b5b5;
	margin-top: 5px;
	width: 435px;
	float: left;
} 


.Attachment .YouTube img
{
	border: none;
}

.Attachment .Image img
{
	border: none;
}
.Attachment .Image .Link a
{
	display: block;
	background: transparent url(  'images/postLink.png' ) no-repeat;
	padding-left: 20px;
	margin-top: 10px;
}
.Attachment .Link
{
	background: transparent url(  'images/postLink.png' ) no-repeat;
	padding-left: 20px;
}
.Attachment .Audio
{
	padding-left: 20px;
}
.TimelineEntry .Inner .Navigation
{
	float: right;
	width: 16px;
	visibility: hidden;
	margin-right: 1px;
}
html .Hov .Inner .Navigation
{
	visibility: visible;
}

html .TimelineEntry.Hov .Time
{
	color: #303030 !important;
}

html .TimelineEntry.Hov .Time a
{
	color: #303030 !important;
}
.TimelineEntry .Time
{
	color: #a0a0a0;
	float: left;
	margin-left: 71px;
	font-size: 11px;
	width: 350px;
}
.TimelineEntry .Time a
{
	font-weight: bold;
	color: #a0a0a0 !important;
}


.TimelineEntry .UserWrapper
{
	float: left;
	height: 100%;
	background-color: Gray;
}
.TimelineEntry .User
{
	float: left;
	padding: 2px;
	border: solid 1px #a0a0a0;
	background-color: White;
}
.TimelineEntry.Hov .User
{
	border-color: #303030 !important;
}

.User .AvatarImageMedium
{
	margin: 0px !important;
}
.User .AvatarWithoutToolTip
{
	margin: 0px !important;
}

#UserPanel .MetaData
{
	font-size: 10px;
	font-style: normal;
}
.TimelineEntry .Delete
{
	background-color: #EEA300;
	color: white !important;
	float: left;
	font-family: Arial,Sans-Serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	height: 13px;
	left: 494px;
	padding: 2px 5px 2px 8px;
	position: relative;
	top: -17px;
	color: #303030 !important;
	width: 51px;
}

.TimelineEntry .Reply
{
	background-color: #A0C619;
	color: white !important;
	float: left;
	font-family: Arial,Sans-Serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	height: 13px;
	left: 494px;
	padding: 2px 5px 2px 2px;
	position: relative;
	top: -17px;
	color: #303030 !important;
	width: 51px;
}
.TimelineEntrySpacer
{
	border-right: 2px solid #a0a0a0;
	clear: both;
	height: 15px;
	overflow: hidden;
	width: 26px;
	margin-right: 400px;
	float: left;
}
.TimelineEntrySpacerInvisible
{
	clear: both;
	height: 0;
	margin-bottom: 20px;
}
.TimelineEntryTextSpacerLeft
{
	border-right: 2px solid #a0a0a0;
	clear: both;
	height: 15px;
	overflow: hidden;
	width: 26px;
	float: left;
	border-bottom: 1px solid #dddddd;
}
.TextSpacer
{
	background: transparent url(   'images/timelineSeperator.png' ) repeat-y;
	width: 480px;
	float: left;
	text-align: right;
	color: #808080;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	padding-bottom: 10px;
}
.TextSpacer div
{
	border-bottom: 1px solid #dddddd;
}

.ImgButton
{
	border: solid 1px #a0a0a0;
	float: left;
	margin-right: 5px;
	padding: 5px 5px 5px 26px;
	cursor: pointer;
	color: #303030 !important;
	background-color: White;
	font-weight: normal !important;
}
.ImgButton:hover
{
	border: solid 1px #808080;
	background-color: #8CC63F !important;
	color: White !important;
	text-decoration: none;
}
#RssButton
{
	float: left;
	background: transparent url(  'images/iconRss.png' ) no-repeat 5px 5px;
}
#PrevPageButton
{
	float: right;
	background: transparent url(  'images/iconPrevious.png' ) no-repeat 5px 5px;
	margin-right: 0px;
}
#NextPageButton
{
	float: right;
	background: transparent url(  'images/iconNext.png' ) no-repeat 5px 5px;
}

.SearchContent
{
	background-color: #E0F6A9;
	border: 1px solid #A0C619;
	display: block;
	margin: 20px auto 0;
	padding: 20px;
	width: 500px;
}
#SearchFriend
{
	margin-bottom: 20px;
}
#SearchButton
{
	height: 28px;
}
#SearchButton #NextPageButton
{
	margin: 0;
}
#UserGrid .AvatarImageMedium
{
	margin-bottom: 5px;
}
#Whassup
{
	margin-bottom: 20px;
}

#Messaging .Select
{
	vertical-align: top;
	padding: 2px 4px;
}

#Messaging #MessagingForm
{
	margin-bottom: 20px;
	float: left;
}
#Messaging #ViewSelect
{
	clear: both;
	margin: 0px 25px;
}

#Messaging .MessageActive
{
	border: solid 1px #8CC63F;
	border-bottom: none;
	background-color: White;
	color: white !important;
	font-size: 16px !important;
	font-weight: normal !important;
	height: 13px;
	padding: 5px 8px 5px 10px;
	position: relative;
	color: #303030 !important;
	top: -4px;
	margin-left: 10px;
}
#Messaging .MessageInactive
{
	margin-left: 10px;
	background-color: #8CC63F;
	color: white !important;
	font-size: 16px !important;
	font-weight: normal !important;
	height: 13px;
	padding: 3px 8px 3px 10px;
	position: relative;
	top: -3px;
}

#Messaging #Messages
{
	border-top: solid 1px #8CC63F;
	padding-top: 20px;
	clear: both;
	float: left;
}

#Messages .MailTo
{
	font-weight: bold;
	margin-right: 5px;
}
#Messages .MailTo a
{
	font-weight: bold !important;
}
#Messages #NoMessages
{
	color: #303030;
	font-family: Lucida Grande,Sans-serif;
	font-size: 14px;
}

#UpdatesContent
{
	background-color: #EEE;
	margin: 20px 0px;
	padding: 20px 30px;
	width: 540px;
	position: relative;
	left: -30px;
} 

#NewReplies
{
	background: transparent url(  'images/iconUserReply.png' ) no-repeat;
	height: 20px;
	padding-left: 24px;
	padding-top: 0px;
	margin-bottom: 10px;
}
#NewMails
{
	background: transparent url(  'images/iconEmailRecieved.png' ) no-repeat;
	height: 20px;
	padding-left: 24px;
	padding-top: 0px;
	margin-bottom: 10px;
}
#HideUpdates
{
	font-family: Lucida Grande,Sans-serif;
	font-size: 10px;
	font-weight: normal !important;
	margin-top: 10px;
	text-align: right;
}

#HideUpdates a
{
	font-weight: normal !important; 
}

#CornerTopLeft
{
	width: 20px;
	height: 20px;
	background-image: url(  'images/cornerWhiteTopLeft.png' );
}
#CornerTopRight, #CornerTopRightBlue, #CornerTopRightGreen
{
	width: 20px;
	height: 20px;
	background-image: url(  'images/cornerWhiteTopRight.png' );
}
#CornerTopRightBlue
{
	background-image: url(  'images/cornerBlueTopRight.png' );
}
#CornerTopRightGreen
{
	background-image: url(  'images/cornerGreenTopRight.png' );
}

#CornerTop, #CornerTopBlue, #CornerTopGreen
{
	width: auto;
	height: 20px;
	background: transparent url(  'images/cornerWhiteTop.png' ) repeat-x;
}
#CornerTopBlue
{
	background: transparent url(  'images/cornerBlueTop.png' ) repeat-x;
}
#CornerTopGreen
{
	background: transparent url(  'images/cornerGreenTop.png' ) repeat-x;
}

#CornerLeft
{
	width: 20px;
	height: auto;
	background: transparent url(  'images/cornerWhiteLeft.png' ) repeat-y;
}

#CornerRight, #CornerRightBlue, #CornerRightGreen
{
	width: 20px;
	height: auto;
	background: transparent url(  'images/cornerWhiteRight.png' ) repeat-y;
}
#CornerRightBlue
{
	background: transparent url(  'images/cornerBlueRight.png' ) repeat-y;
}
#CornerRightGreen
{
	background: transparent url(  'images/cornerGreenRight.png' ) repeat-y;
}

#CornerBottomLeft, #CornerBottomLeftBlue, #CornerBottomLeftGreen
{
	width: 20px;
	height: 20px;
	background-image: url(  'images/cornerWhiteBottomLeft.png' );
}
#CornerBottomLeftBlue
{
	background-image: url(  'images/cornerBlueBottomLeft.png' );
}
#CornerBottomLeftGreen
{
	background-image: url(  'images/cornerGreenBottomLeft.png' );
}

#CornerBottom, #CornerBottomBlue, #CornerBottomGreen
{
	width: auto;
	height: 20px;
	background: transparent url(  'images/cornerWhiteBottom.png' ) repeat-x;
}
#CornerBottomBlue
{
	background: transparent url(  'images/cornerBlueBottom.png' ) repeat-x;
}
#CornerBottomGreen
{
	background: transparent url(  'images/cornerGreenBottom.png' ) repeat-x;
}

#CornerBottomRight, #CornerBottomRightBlue, #CornerBottomRightGreen
{
	width: 20px;
	height: 20px;
	background-image: url(  'images/cornerWhiteBottomRight.png' );
}
#CornerBottomRightBlue
{
	background-image: url(  'images/cornerBlueBottomRight.png' );
}
#CornerBottomRightGreen
{
	background-image: url(  'images/cornerGreenBottomRight.png' );
}


.Meta
{
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}

#PostOptions .AddItem
{
	height: 16px;
	border: solid 1px #a0a0a0;
	float: left;
	margin-right: 5px;
	padding: 5px 5px 5px 26px;
	cursor: pointer;
}

.AddItem:hover
{
	border: solid 1px #808080;
	background-color: #8CC63F !important;
	color: White;
}

#PostOptions #AddLink
{
	background: white url(  'images/postAddLink.png' ) no-repeat 4px 4px;
}
#wrap_LinkTarget
{
	position: relative;
}
#PostOptions #AddImage
{
	background: white url(  'images/postAddImage.png' ) no-repeat 4px 4px;
}
#PostOptions #AddEvent
{
	background: white url(  'images/postAddEvent.png' ) no-repeat 4px 4px;
}
#PostOptions #AddAudio
{
	background: white url(  'images/postAddAudio.png' ) no-repeat 4px 4px;
}
#PostOptions #AddEmoticon
{
	background: white url(  'images/iconPoke.png' ) no-repeat 4px 4px;	
	padding-right: 0px;
	padding-left: 25px;
}

#PostOptions #AudioTitle
{
	margin-bottom: 5px;
}
#PostOptions #AudioOptions .FieldName
{
	background-color: Transparent;
}
#LinkOptions, #EventOptions, #ImageOptions, #PostMessage, #AudioOptions, #EmoticonOptions
{
	position: relative;
	padding-top: 5px;
	clear: both; 
	display: none;
}
 #EmoticonOptions img
 {
	margin-right:4px;
	padding:2px;
}
 #EmoticonOptions img.active
 {
 	border:1px solid #A0A0A0;
	padding:1px;
	background-color: White;
 }
#PostOptions .Field .FieldName
{
	display: block;
}
#PostOptions .Field .TextBox
{
	width: 100%;
}
#PostMessage
{
	background: transparent url(  'images/postInformation.png' ) no-repeat 4px 6px;
	padding-left: 24px;
}
#PostTarget
{
	display: none;
}
#ContentGreen #PanelInformation
{
	padding-left: 10px;
}
#SearchInvite .TextBox
{
	width: 98%;
	display: block;
}
#SearchInvite .Button
{
	margin-top: 10px;
}
#SearchInvite small
{
	font-size: 11px;
}
#SearchInvite a
{
	margin-top: 10px;
	float: right;
	font-size: 12px;
	margin-bottom: 0;
	text-align: right;
}
#SearchInvite #Preview
{
	margin-top: 10px;
	background-color: White;
	font-family: Courier New, Monospace;
	border: solid 1px #A0C619;
	padding: 10px;
	width: 480px;
	display: none;
}
#SearchInvite #Preview p
{
	margin-top: 0;
}

#Login
{
	padding: 10px;
}
#LoginContent
{
	display: none;
}
#LoginForm td
{
	padding-bottom: 1px;
}
#LoginText
{
	font-size: 12px;
	margin-top: 5px;
	color: #777;
}

#WelcomeUser img
{
	height: 67px;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
	width: 516px;
}
#WelcomeUser ul
{
	margin-left: 71px;
	padding-right: 20px;
	padding-left: 0px;
	list-style-type: none;
}
#WelcomeUser li
{
	margin-top: 15px;
	color: #505050;
}
#WelcomeUser li a:hover
{
	text-decoration: none;
	color: #303030;
}
#WelcomeUser li span
{
	background-color: #8CC63F;
	border: solid 1px #8cc63f;
	float: left;
	height: 30px;
	margin-right: 5px;
	width: 30px;
}
#WelcomeUser li span.Last
{
	background-color: Transparent;
	border: solid 1px #8cc63f;
	float: left;
	height: 30px;
	margin-right: 5px;
	width: 30px;
}

#ContentLeft, #ContentUpper
{
	width: 620px;
	background: transparent url(  'images/boxWhiteTop.png' ) no-repeat;
	padding: 0;
	padding-top: 20px;
	float: left;
	z-index: 1;
}
#ContentLeft .Content, #ContentUpper .Content
{
	padding: 0px 10px;
	background: transparent url(  'images/boxWhiteContent.png' ) repeat-y;
}
#ContentLeft .Bottom, #ContentUpper .Bottom
{
	width: 620px;
	height: 20px;
	background: transparent url(  'images/boxWhiteBottom.png' ) no-repeat;
	padding: 0;
}

#ContentRight
{
	float: right;
	width: 210px;
	background: transparent url(  'images/boxGreenTop.png' ) no-repeat;
	padding: 0;
	padding-top: 20px;
	color: #303030;
}
#ContentRight .Content
{
	padding: 0px 10px;
	background: transparent url(  'images/boxGreenContent.png' ) repeat-y;
}
#ContentRight .Bottom
{
	width: 210px;
	height: 20px;
	background: transparent url(  'images/boxGreenBottom.png' ) no-repeat;
	padding: 0;
}

#ContentLeft .Content #Left, #ContentLeft .Content #ProfileSettings, #ContentLeft .Content #SearchContent, #ContentLeft .Content #RegisterContent,  #ContentUpper .Content
{
	padding: 10px 30px 20px 30px;
}


#ContentRight h2
{
	background-color: #8cc63f;
	color: White;
	padding: 5px 10px;
	font-size: 17px;
	font-weight: normal;
	border: none;
	width: auto;
	height: auto;
}
#ContentRight h2.First
{
	padding: 0px 10px 5px 10px;
	position: relative;
	top: -5px;
	margin-bottom: 5px;
}
#UserPanel ul
{
	font-size: 16px;
	margin-bottom: 20px;
	padding-left: 10px;
	list-style-type: none;
}
#UserPanel #UserAbout, #UserPanel #UserStatistic, #UserPanel #UserCurrently, #UserPanel #UserInvite, #UserPanel .UserNetwork
{
	font-size: 12px;
	padding: 0px 10px;
	margin-bottom: 20px;
}

#UserPanel #UserStatistic dt
{
	float: left;
	width: 80px;
	overflow: hidden;
	padding-bottom: 2px;
}
#UserPanel #UserStatistic dd
{
	float: right;
	width: 70px;
	text-align: right;
	overflow: hidden;
	padding-bottom: 2px;
}

.ImageButton
{
	border: solid 1px #a0a0a0;
	float: left;
	margin-right: 5px;
	padding: 5px 5px 5px 26px;
	cursor: pointer;
	color: #303030 !important;
	background-color: White;
	font-weight: normal;
	background-position: 4px 4px;
	background-repeat: no-repeat;
	font-size: 14px;
}
.ImageButton:hover
{
	border: solid 1px #808080;
	background-color: #8CC63F !important;
	color: white !important;
	text-decoration: none;
}
#InviteButton
{
	padding-left: 36px;
	color: #C63FA1 !important;
	margin-left: 10px;
	width: 128px;
	background-image: url(  'images/iconInvite.png' );
}
#InviteButton:hover
{
	color: White !important;
	background-color: #C63FA1 !important;
}

#ContentRight ul
{
	padding: 0px 10px;
}
#ContentRight ul li
{
	border-bottom: solid 1px #a0a0a0;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ContentRight ul li.Last
{
	border: none;
}
#ContentLeft #SubContent
{
	width: 100%;
}
#PageInfo.Meta ul
{
	padding-left: 20px;
}
#PageInfo.Meta ul li
{
	border: none;
}
#RegisterForm
{
	clear: both;
}
#RegisterContent #ProfileView
{
	margin-top: 20px;
}
#RegisterContent #ProfileView #Headline, #RegisterContent #ProfileView #ProfileOptions
{
	display: none;
}
#RegisterContent form table
{
	width: 100%;
}
#RegisterContent form table td 
{
	font-size: 12px;
}
#RegisterContent form table td input
{
	vertical-align:middle;
	margin-right: 5px;
}

.Content #GreetingInvite
{
	margin-top: 30px;
}
.Content #GreetingInvite div
{
	float: left;
	width: 269px;
	border-right: solid 1px #808080;
	padding: 20px 0px;
	font-size: 24px;
	text-align: center;
}
.Content #GreetingInvite div a
{
	font-weight: normal;
	color: #C63FA1;
}
.Content #WelcomeUser #GreetingInvite div
{
	width: 259px;
}
.Content #GreetingInvite #TakeTour
{
	border: none;
	padding: 10px;
}
#WelcomeUser a
{
	color: #505050;
	font-weight: bold;
}

#WelcomeUser a:hover span
{
	background-color: Transparent;
	border: solid 1px #8cc63f;
	color: White;
}
#WelcomeUser a:hover span.Last
{
	background-color: #C63FA1;
	border: solid 1px #C63FA1;
	color: White;
}
#PasswordContainer
{
	display: none;
	margin-top: 10px;
	background-color: White;
	font-family: Courier New, Monospace;
	border: solid 1px #A0C619;
	padding: 10px;
}

#BackgroundUploadMessage
{
	display: none;
}
#ProfileSettingsBackgroundForm
{
	margin-top: 10px;
}
#ProfileSettingsColorChange table
{
	width: 220px;
	margin-bottom: 20px;
}
#ProfileSettingsColorChange td, #ProfileSettingsColorChange th
{
	width: 80px;
	vertical-align: middle;
}
#ProfileSettingsColorChange th
{
	width: 100px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
}
#ProfileSettingsColorChange td select
{
	width: 80px;
}
#ProfileSettingsColorChange td input
{
	width: 60px;
}
#ProfileSettingsColorChange #BackgroundPreview
{
	border: solid 1px #a0a0a0;
	background-image: url(  'images/bodyBackground.png' );
	height: 60px;
	width: 60px;
}
#ColorPicker
{
	width: 200px;
	height: 200px;
	float: right;
	position: relative;
}
.colorwell
{
	border: solid 1px black;
	cursor: pointer;
}

#ResetDesignSettings, #DesignSettingsColors
{
	margin-top: 20px;
}
#DesignSettingsColors form, #ResetDesignSettings form
{
	margin-top: 10px;
}

#MusicianBadge
{
	position: absolute;
	top: 0px;
	height: 64px;
	width: 64px;
	left: 100%;
	margin-left: -74px;
	margin-top: 10px;
	background-image: url(  'images/musicianProfileBadge.png' );
}

#Embed.Meta input
{
	border: solid 1px #a0a0a0;
	color: #505050;
}
#NotificationText.Meta
{
	padding-bottom: 10px;
}