.contentContainer { width: 100%;}
p.user_puls_subMenu_text{margin: 0px; padding: 0px; margin-top: 12px;}
.powerScale {display: inline-block; width: 16px; height: 16px; background: url('http://media.jinni.com/images/icons/icon.png') no-repeat; #margin-bottom: 8px;}
.scale0, .scale {background-position: -5px -5px;}
.scale1 {background-position: -37px -5px;}
.scale2 {background-position: -69px -5px;}
.scale3 {background-position: -101px -5px;}
.scale4 {background-position: -133px -5px;}
.scale5 {background-position: -165px -5px;}
.scale6 {background-position: -5px -37px;}
.scale7 {background-position: -37px -37px;}
.scale8 {background-position: -69px -37px;}
.scale9 {background-position: -69px -37px;}

.communityList {float: left;width: 100%; }
.userCommunityContainer {float: left; width: 270px; margin: 0 20px 20px 0; padding: 3px;}
.userCommunityContainer:hover {background-color: #f0f6d2;}
.userCommunityContainer .userImage {width: 70px; height: 70px; float: left; margin-right: 10px;}
.userCommunityContainer .userName {margin-left: 10px; float: left; font-size: 14px;}
.userCommunityContainer .powerScale {float: left;}
.userCommunityContainer div {float: left;}
.userCommunityContainer .relationshipArrow { margin-left: 10px;}

span.relationshipArrow { width: 20px; height: 14px; display: inline-block; background: url("http://media.jinni.com/images/icons/icon.png") 0 0 no-repeat; position: relative; top:3px;}
span.neighborArrow {background: none; }
span.mutualArrow { background-position: -101px -70px;}
span.followerArrow { background-position: -35px -73px; }
span.followedArrow {background-position: -68px -73px;}

.communityAction {color: #CD3301; cursor: pointer;} 
.communityAddIcon {display:inline-block; width:13px; height:13px; background: url("http://media.jinni.com/images/icons/icon.png") -102px -39px no-repeat;}
.communityRemoveIcon {display:inline-block; width:11px; height:11px; background: url("http://media.jinni.com/images/icons/icon.png") -132px -38px no-repeat;}


.communityPublicRightBar {}
.communityPublicRightBar .aboutUser .userName{ color: #589482; font-family: tahoma; font-size: 18px; }
.communityPublicRightBar p.gage span{ vertical-align: top;}
.communityPublicRightBar div.communityAction span { vertical-align: top;}
.communityPublicRightBar div.communityAction span.communityAddIcon, .communityPublicRightBar div.communityAction span.communityRemoveIcon  {margin-right:2px; vertical-align: top; position: relative; top: 1px;}


.matchometer .matchometerServerTitle {margin-bottom: 10px;}
.matchometer .matchometerServerTitle label {color: #589482; font-family: tahoma; font-size: 18px;}
.matchometer .matchometerServerTitle .matchometerTextualDescription {color: #CD3301; font-family: tahoma; font-size: 18px; margin-left: 10px;}
.matchometer .matchometerServerTitle a.matchometerTextualDescription {text-decoration: none;}
.matchometer .serverMode {display:inline-block; width: 100%;border: 2px #589482 solid;  height: 12px;	background:	url('http://media.jinni.com/images/sliderright_turq.gif')	left center;}
.matchometer .rolloverMode {display:inline-block; width: 90px;border: 2px #589482 solid;  height: 12px;	background:	url('http://media.jinni.com/images/sliderright_turq.gif')	left center;}
.matchometer .matchometerMask {display:inline-block; border: none;  height: 12px;	background:	url('http://media.jinni.com/images/sliderleft_turq.gif')	left center;}

.communityWhySimilar .title { color: #CD3301; display: block; margin-bottom: 10px;}
.communityWhySimilar .content { margin: 0;}

.communityRollover {width: 280px; background-color: #F0F6D2; position: absolute;top: 0;left: 0;z-index: 5; padding:3px; display: none; cursor: pointer;}
.communityRollover .relationshipArrow { margin-left: 7px;}
.communityRollover img {width: 70px; height: 70px; float: left; margin-right: 10px;}
.communityRollover .rolloverInfo {width: 200px; float: right;}
.communityRollover .communityAction {float: left; width: 70px;}
.communityRollover p {padding: 0; margin: 0;}
.communityRollover p.title span {vertical-align: top;}
.communityRollover p.title span.userName {margin-left: 7px; font-size: 14px;}
.communityRollover span.joinDate {margin-left: 5px;}
.communityRollover p .rolloverCircleInfo {display: block;}
.communityRollover .communityAction {font-size: 9px; float: left; clear: left;}
.communityRollover .communityAction .communityAddIcon {background-position: -169px -38px; width: 7px; }
.communityRollover .communityAction .communityRemoveIcon {background-position: -7px -70px; width: 7px;}
.communityRollover .communityAction span {vertical-align: top; font-size: 11px;}
.communityRollover .matchometer {margin-top: 5px;}
.communityRollover .matchometer .rolloverMode{float: left;}
.communityRollover .matchometer .matchometerTextualDescription {display: inline-block; margin-left: 10px; float: left; color: #589482; font-weight: bold;}


.communityTeaserSection {float: left; width: 100%;}
.communityTeaserSection .movieCircleTeasers .communityAction {display: none; float: right; margin-right: 45px; }
.communityTeaserSection .communityAction .communityAddIcon {background-position: -169px -41px; width: 7px; position: relative;top: 3px;}
.communityTeaserSection .communityAction .communityRemoveIcon {background-position: -7px -72px; width: 7px;position: relative;top: 3px;}
.teaserContainer {float:left; margin-bottom: 20px; width: 100%; cursor: pointer;}
.teaserContainer:hover {background-color: #F0F6D2;}
.teaserContainer p {padding: 0; margin: 0;}
.teaserContainer img {float: left; width: 37px; height: 37px;}
.teaserContainer .teaserContent {float: left; width: 80%; margin-left: 5px;}
.teaserContainer .teaserContent .powerScale {margin-right: 10px;}
.teaserContainer .teaserContent span {vertical-align: top;}
.teaserContainer .teaserContent .feedDetails .feadAction {float: left;}
.teaserContainer .teaserContent .feedDetails .feedDate {float: right; color: #676767;}
.teaserContainer .teaserContent .actionToFeed { float: left; width: 100%;}
.teaserContainer .teaserContent .actionToFeed .comment{ color: #676767; margin-right: 50px; float:left;}
.teaserContainer .teaserContent .actionToFeed .movieCircleAction {}

.cloudDrop {font-family: arial; cursor: pointer;}
.cloudDrop:hover {text-decoration: underline;}
.drop4 {font-size: 12px;}
.drop3 {font-size: 16px;}
.drop2 {font-size: 20px;}
.drop1 {font-size: 24px;}


.tasteCloud {background-color: #A6AF6C; color: white; float: left; width: 299px;}
.tasteCloud .cloudDrops {float: left; margin: 9px; position: relative;}
p.cloudTasteDescription {font-size: 11px; color: #676767;}
.cloudContentArea {background-color: white; float: left; padding-bottom: 5px;}
.cloudContentArea .imageWithCaption {float: left; margin-right: 1px;}
.imageWithCaption_last {float: left; margin: 0px; overflow: hidden;}
.cloudToggleLink {width: 100%; float: right; background-color: white;}
.cloudToggleLink a,.cloudToggleLink a:hover{float: right; font-weight: bold; color: #CD3301;}


#pagingForm {width: 100%;}

.inlineInvitation .inviteFrame .errorMessage {margin-left: 10px; float: left;}

.inviteFrame {float: left; border: 1px solid #BBD043; padding: 10px; width: 378px; background-color: white;}
.inviteFrame .closingX {float: right; cursor: pointer;}
.registrationWizard .inviteFrame { border: none; }
.registrationWizard .inviteFrame .closingX {display: none;}
/*.inlineInvitation  { position: fixed; left: 50%; margin-left: -189px; top: 50%; margin-top: -200px; display: none;}*/
.inviteFrame div, .inviteFrame form {float: left;}
.inviteFrame .header {width: 89%; height:85px; border-bottom:1px #BBD043 solid;  font-size: 20px; color: #589482; text-indent: 84px;background: url('http://media.jinni.com/images/icons/invite_icon.png') no-repeat scroll 0 0;}
.registrationWizard .inviteFrame .header {display: none;} 
.inviteFrame .header span.headerTitle {position: relative; top: 20px;}
.inviteFrame .inviteContent {margin: 10px 0 0 0; clear: left; width: 100%;}
.inviteFrame .contentTitle {}
.inviteFrame .inviteContent .contentTitle {margin-bottom: 10px;}
.inviteFrame .inviteContent .contentTitle .title1{ float: left; color: black; font-weight: bold;}
.inviteFrame .inviteContent .contentTitle .holder {float: left; margin-left: 20px; font-size: 10px;}
.inviteFrame .inviteContent .contentTitle .title2{float: left; color: #cd0031; cursor: pointer;}
.inviteFrame .inviteContent .contentTitle .title3 {float: left; clear:left; color: #cd0031; cursor: pointer; width: 100%;}
.inviteFrame .inviteContent .inputArea {clear: left; width: 100%; border-bottom:1px solid #BBD043; padding-bottom: 10px;}
.inviteFrame .inviteContent .inputArea .userInput {clear: left; width: 89%; margin: 5px 0;}
.inviteFrame .inviteContent .inputArea label {float: left;line-height: 20px;}
.inviteFrame .inviteContent .inputArea label.addContacts {font-weight: bold;}
.inviteFrame .inviteContent .inputArea input.text {float: right; width: 215px; margin-right: 30px;}
.inviteFrame .inviteContent .inputArea textarea {border: 1px solid #C7D47D;}
.inviteFrame .inviteContent .inputArea textarea.message {float: right; width: 215px; height: 120px; margin-right: 30px;}
.inviteFrame .footer {clear: left; width: 100%; margin-top: 10px;}
.inviteFrame .footer .commandButton {float: left}
.inviteFrame .footer .invitationLoading {margin: 0 0 0 10px; }
.inviteFrame .footer .share{}
.inviteFrame .footer .twitter-large {margin-right: 5px;}
.inviteFrame .footer label {float:right; margin-right: 5px; position: relative;top: 7px;}

.inviteBox {}
.inviteBox .inviteContent .inputArea {border: none;}
.inviteBox .inviteContent .inputArea textarea.message {float: left; width: 355px; height: 225px; overflow: hidden; margin-right: 30px;}
.inputArea .emailAddresses {clear: left;  border-bottom:1px solid #BBD043; float: left; padding-bottom: 10px; width: 100%;}
.inputArea .emailAddresses label {font-weight: bold;}
.octazenBox input.emails { float: left; clear: left; width: 80%;}
.octazenBox select {width: 140px; margin-top: 5px;}
.octazenBox select.emails {float: left; margin-right: 20px; clear: left;}
.octazenBox select.socialNetworks {float: left;}
.octazenBox .lock { float: left; margin-right: 5px;}
.octazenBox .pwdNote {float: right;}
input#loggedInTo{float: left; clear: left; width: 80%;}
select#emailOptions, select#networkOptions{float: left; width: 143px; margin: 5px 20px 0 0;}

.contacts {position: absolute; visibility: hidden;}
.contacts .contentTitle {margin:5px 0;}
.contacts .inputArea input {float: left; clear: left; position: relative;}
.contacts .inputArea label {width: 295px; position: relative;}
.contacts .inputArea .flexcroll {border: 1px solid #BBD043; clear: left;}
.contacts .inputArea .normalScroll {border: 1px solid #BBD043; clear: left; overflow-y: scroll;}
.contacts .inputArea .emailsHeader {border: 1px solid #BBD043; width: 334px; border-bottom: none;}
.contacts .footer {margin-top: 10px;}

.thanksFrame {border: 1px #579482 solid; padding: 20px; color: #579482; font-size: 25px; float: left; background-color: white; position: fixed; left: 50%; margin-left: -145px; top: 50%; margin-top: -60px;}
.resendBox {margin-right: 10px; display: block; float: left; margin: 28px 10px 0 0; width: 173px;}
.userTitleImage { height: 42px; width: 38px;}

.communityPulseRight .actionImages {float:left; margin-bottom: 30px;}
.communityPulseRight .actionImages img { float: left;}
.communityPulseRight .actionImages img.leftImage {margin-right: 35px;}
.communityPulseRight .recentActiveUsers {float: left;}

span#userCloud a, span#userCloudExtension a {
	color: #ffffff;
	text-decoration: none;
}

span#userCloud a:hover, span#userCloudExtension a:hover {
	text-decoration: underline;
}