@charset "UTF-8";
/* CSS Document */

a.setPrivacy {
	color:#666;
	float:left;
	font-size:9px;
	text-decoration:none;	
	padding:3px 0 0 0;
	background-image:url(../images/privacyIconxSmall.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	height:12px;
	display:block;
}
a.setPrivacy span {
	padding-left:13px;
	
}
.entourageListRow {
	border-bottom: solid 1px #666;	
	padding:10px 5px;
}

ul.sectionTabMenu {
	margin:0;
	padding:0;
	height:21px;
}
ul.sectionTabMenu li {
	list-style:none;
	display:inline;
	float:left;
	height:21px;
	padding:0;
	margin:0;
}
span.sectionTab {
	color:#fff;	
	font-style:normal;
	padding:5px 7px 0;
	height:16px;
	display:block;
	margin:0;
	letter-spacing:.05em;
}
ul.sectionTabMenu li.pinkTab span {
	background-color:#E23B80;


}
ul.sectionTabMenu li.orangeTab span {
	background-color:#FBB03B;
}
ul.sectionTabMenu li.purpleTab span {
	background-color:#84366C;
}
a.sectionTab, a:link.sectionTab, a:visited.sectionTab {
	color:#666;	
	font-style:italic;
	text-decoration:none;
	padding:5px 7px 0;
	height:16px;
	display:block;
	margin:0;
}
ul.sectionTabMenu li.purpleTab a span.newCount, ul.sectionTabMenu li.pinkTab a span.newCount, ul.sectionTabMenu li.orangeTab a span.newCount {
	font-style:normal;
	background-color:transparent;
	color:#333;
	font-weight:bold;
	font-size:90%;
}
span.newCount {
	color:#ccc;
	font-size:90%;
	font-weight:bold;
}
ul.sectionTabMenu li a:hover, ul.sectionTabMenu li a:active {
	color:#FFF;	
	font-style:normal;
}
ul.sectionTabMenu li.pinkTab a:hover, ul.sectionTabMenu li.pinkTab a:active {
	background-color:#E23B80;
}
ul.sectionTabMenu li.orangeTab a:hover, ul.sectionTabMenu li.pinkTab a:active{
	background-color:#FBB03B;
}
ul.sectionTabMenu li.purpleTab a:hover, ul.sectionTabMenu li.pinkTab a:active {
	background-color:#84366C;
}

.noMargin {
	margin:0;
}
.entourageContentHolder {
	margin:0;
	padding:10px 8px 0 8px;
	
	
}
.invitationBox {
	background-color:#eee;
	padding:5px;
	margin:0 0 10px 0;
	position:relative;
}

.myEntourageAvatar {
	background-image:url(../images/avatarBG_small.jpg);
	background-repeat:no-repeat;
	
	width:62px;
	margin:0;	
	position:relative;
	float:left;
	
}
.myEntourageAvatar img {
	height:63px;
	margin-bottom:5px;
}
.entourageInfo {
	float:left;
	position:relative;
	top:0;
	left:10px;
}
.invitationBox .entourageInfo {
	width:470px;	
}
.entourageName {/* found originally in class.css ... as an <a> tag modifyer only though */
	color:#D1024D;	
	font-weight:bold;
	text-decoration:none;
}
.entourageInfo .entourageName {
	display:block;	
	margin:0 0 5px 0;/* changed*/
	font-size:130%;/* changed*/
}
.entourageEmail {/*found originally in vibefolio.css */
	font-style:italic;
	color:#666; 
	font-weight:normal;
	font-size:100%; /*found originally in vibefolio.css ... can delete old style if not using those orange tooltip popups*/
}
.entourageID {/* found originally in vibefolio.css ...can delete old style if not using those orange tooltip popups*/
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	color:#CC783A;
	margin:0 0 5px 0;/* changed*/
}
.inviteMessage {
	background-color:#FFF;	
	margin:5px 0;
	padding:3px 5px;
}
.advancedOptionsHolder {
	border-top:1px solid #666;
	width:100%;
	margin:5px 0;
}
.advancedOptions {
	border-bottom:1px solid #666;
	padding:5px 10px;
	width:auto;
}
.advancedOptions .fieldLabel {
	font-size:120%;	
}
.advancedOptions ul {
	margin:8px 0;
	padding:0;
}
.advancedOptions ul li{
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	display:block;
	float:left;
}
.orangeSideNote {
	color:#CC783A;
	font-style:italic;
	font-weight:normal;
}

.declineBtn {
	margin:0 0 0 10px;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:77px;
	background-image:url(../images/btn_decline.png);
	background-color:transparent;
	background-position:0 0;
}
.declineBtn:hover {
	background-position:0 -19px;
}
.declineBtn span {
	display:none;	
}
.acceptAddBtn {
	margin:0 0 0 15px;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:112px;
	background-image:url(../images/btn_acceptAdd.png);
	background-color:transparent;
	background-position:0 0;
}
.acceptAddBtn:hover {
	background-position:0 -19px;
}
.acceptAddBtn span {
	display:none;	
}
.acceptBtn {
	margin:0 0 0 15px;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:72px;
	background-image:url(../images/btn_accept.png);
	background-color:transparent;
	background-position:0 0;
}
.acceptBtn:hover {
	background-position:0 -19px;
}
.acceptBtn span {
	display:none;	
}
textarea.replyTxt {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #eee;
	width:98%;
	height:20px;
	margin-bottom:5px;
	color:#666;
	padding:5px;
	font-size:100%;
}
.privateMessageMini {
	margin:10px 0 5px 0;
	padding:0;
	display:block;
	background-image:url(../images/icon_messageMini.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.privateMessageMini span {
	padding-left:15px;	
}
a.deleteIcon {
	margin:5px 0;
	display:block;
	background-image:url(../images/delete_iconxsmall.png);
	background-repeat:no-repeat;
	background-position:2px 0;
}
a.deleteIcon span {
	padding-left:15px;	
}
a:hover.deleteIcon, a:hover.privateMessageMini {
	text-decoration:none;	
}

.entourageListItem {
	width:50%;	
	float:left;
	margin:10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #666;
}
input.searchMember {
	width:90%;
	margin:0 0 0 15px;
	padding:5px;
	font-weight:bold;
	color:#666;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#eee;
	border:1px dotted #666;
}

input.bigSearchBtn {
	margin:10px 30px 5px 0;
	display:block;
	background-image:url(../images/btn_search.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	height:19px;
	width:77px;
	float:right;
	border:0;
	display:block;

	
}
.leftFloater { 
	float:left;
	margin-right:10px;
}

.countEntries {
	color:#666;
	font-size:95%;
	padding:5px;
	
}

.countNew {
 	color:#FBB03B;
	font-weight:bold;
}

#newMessageLink {
	background-image:url(../images/icon_messageMini.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	color:#666;
	font-size:10px;
	margin:8px 0  8px 10px;
	height:20px;
	padding:0;
	position:relative;
}


#surveyUpdateLink {
	background-image:url(../images/icon_surveyUpdate.png);
	background-repeat:no-repeat;
	background-position:1px 0;
	color:#666;
	font-size:10px;
	margin:8px 0  8px 10px;
	height:20px;
	padding:0;
	position:relative;
}

#newSurveysLink { /* REVISED from layout.css */
	background-image:url(../images/surveyIconSmall.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#666;
	font-size:10px;
	margin:8px 0  8px 10px;
	height:20px;
	padding:0;
	position:relative;
}
#newFreqsLink {/* REVISED from layout.css */
	background-image:url(../images/freqIconSmall.png);
	background-repeat:no-repeat;
	color:#666;
	font-size:10px;
	margin:8px 0  8px 10px;
	height:20px;
	padding:0;
	position:relative;
}
#entourageAddLink{/* REVISED from layout.css */
	background-image:url(../images/entourageRequestIconSmall.png);
	background-repeat:no-repeat;
	color:#666;
	font-size:10px;
	margin:8px 0  8px 10px;
	height:20px;
	padding:0;
	position:relative;
}
#newShrinksLink {/* REVISED from layout.css */
	background-image:url(../images/shrinkIconSmall.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#666;
	font-size:10px;
	margin:8px 0  8px 10px;
	height:20px;
	padding:0;
	position:relative;
	
}

#notifyDholder #notifyDBox a, #notifyDholder #notifyDBox a:link, #notifyDholder #notifyDBox a:visited{/* REVISED from layout.css */
	margin:0 0 0 21px;
	color:#666;
	font-size:100%;
	text-decoration:none;
}
#notifyDholder #notifyDBox a:hover, #notifyDholder #notifyDBox a:active{/* REVISED from layout.css */
	color:#621A48;
	text-decoration:none;
}



/*************************************NEW STYLES Nov 6 2009 ***********************************************/
/**************** Buttons to navigate luvlog *************************/

.btn_previous {
	margin:0;
	padding:0;
	display:block;
	float:left;
	height:19px;
	width:84px;
	background-image:url(../images/btn_previous.png);
	background-color:transparent;
	background-position:0 0;
}
.btn_previous:hover {
	background-position:0 -19px;
}
.btn_previous span {
	display:none;	
}
.btn_next {
	margin:0;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:59px;
	background-image:url(../images/btn_next.png);
	background-color:transparent;
	background-position:0 0;
}
.btn_next:hover {
	background-position:0 -19px;
}
.btn_next span {
	display:none;	
}
.btn_back_log {
	margin:0 auto;
	padding:0;
	display:block;
	height:19px;
	width:114px;
	background-image:url(../images/btn_backLuvlog.png);
	background-color:transparent;
	background-position:0 0;
}
.btn_back_log:hover {
	background-position:0 -19px;
}
.btn_back_log span {
	display:none;	
}
/****************Start Full Post Styles *************************/
.fullPost {
	padding:0 8px;	
	font-size:12px;
}

.fullPost div.post_header {
	border-bottom:1px solid #999;
	padding:5px 0;
	
}

.fullPost div.post_title_holder{
	width:100%;
	float:none;
	position:relative;
}
.fullPost div.post_title_holder h6.post_title {
	font-size:140%;
	margin:0;
	padding:0;
}

.fullPost .scoreCompare {
	border-bottom:1px dotted #666;
}
.fullPost h4.label {
	color:#333;
	font-weight:bold;
	font-style:italic;
	margin:0 0 5px 8px;
}

a.editIcon {
	color:#666;
	font-size:9px;
	margin:0 0 0 5px;
	text-decoration:none;	
	padding:3px 0 0 0;
	background-image:url(../images/editVibe_mini.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:14px;
	display:inline;
}
a.editIcon span {
	padding-left:12px;
}
a.lockIcon {
	color:#666;
	font-size:9px;
	margin:0 0 0 5px;
	text-decoration:none;	
	padding:3px 0 0 0;
	background-image:url(../images/icon_key.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:16px;
	display:inline;
}
a.lockIcon span {
	padding-left:12px;
}
.rightFloater { /***** EDITED on NOV. 9 ******/
	float:right;	
}
.fullPost div.post_score_box{
	float:left;
	width:50%;
	position:relative;
	padding:8px 0;
}
.fullPost div.post_entourage_score {
	float:right;
	width:50%;
	position:relative;
	background-color:#eee;
	padding:8px 0;
}
.fullPost img.post_score_icon {
	position:relative;
	float:left;
	left:10px;
	border:0;
	
}
.fullPost div.post_score_box h6.post_score,.fullPost div.post_entourage_score h6.post_score {
	font-size:180%;
	margin:0 0 0 55px;
	padding:5px 0 0 0;
	font-weight:normal;
}
.fullPost p.postedOn {
	text-align:left;
	color:#999;
	padding:5px 0 0 15px;
	margin:0;
	font-size:90%;
}
.fullPost p.postedOn a {
	padding:0 5px;
}

.fullPost p {
	color:#333;
	padding:0 10px;
	
}
.fullPost div.post_ids {
	border-top:1px dotted #666;
	font-style:normal;
	text-align:left;
	color:#666;
	padding:7px;
	background-color:#eee;
	border-bottom:1px solid #999;
}

a.entourageID, a.entourageID:link, a.entourageID:visited {
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	color:#CC783A;
	margin:0 5px;
}
a.entourageID:hover, a.entourageID:active {
	text-decoration:underline;	
}
/**************** Comments Container and Styles *************************/
div.post_comments_holder {
	border-top:1px solid #999;	
	padding:8px;
	color:#333;
	font-size:95%;
}
.btn_new_comment {
	margin:0;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:121px;
	background-image:url(../images/btn_newComment.png);
	background-color:transparent;
	background-position:0 0;
}
.btn_new_comment:hover {
	background-position:0 -19px;
}
.btn_new_comment span {
	display:none;	
}	
.btn_new_shrink {
	margin:0;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:99px;
	background-image:url(../images/btn_newShrink.png);
	background-color:transparent;
	background-position:0 0;
}
.btn_new_shrink:hover {
	background-position:0 -19px;
}
.btn_new_shrink span {
	display:none;	
}	
div.options_holder span.comments_counter, div.options_holder a, div.options_holder a:link, div.options_holder a:visited {
	font-size:95%;
	text-decoration:none;
	color:#777;
	
}
div.options_holder a:hover, div.options_holder a:active {
	text-decoration:underline;

}
.options_holder div.entourage_score_holder {
	float:left;
	width:auto;
	text-align:left;
	font-size:120%;
	margin-right:10px;
	font-weight:bold;
	font-style:italic;
	
}
.entourage_score {
	font-style:normal;	
}
div.post_comments_area {
	margin:15px 0;	
}
.options_holder {
	padding:10px 0;
	border-bottom:1px dotted #666;	
}
.newComments {
	color:#FBB03B;
	font-weight:bold;
	text-transform:uppercase;
}
ul.listComments {
	width:inherit;
	min-height:2em;
	margin:0;
	padding:0;
	color:#333;
	font-size:95%;
	position:relative;
}

ul.listComments li {
	list-style:none;
	padding-top:5px;
	background:#FFF;
	margin-bottom:10px;
	border-bottom:1px solid #999;
}

ul.listComments li:nth-of-type(even) {
	background:#DDCEDA;
}

ul.listComments li:last-child {

}

ul.listComments li p {
	padding:0 0 0 1em;
	margin:5px 0 5px 0;
}

ul.listComments li p.postedOn { 
	color:#84366C;
	font-style:italic;
	border-top:1px dotted #999;
	padding-top:5px;
	padding-left:0;
	text-align:right;
	margin:5px 0 0 10px;	
}
ul.listComments li div.comment_links {
	clear:both;
	font-size:105%;	
	border-top:1px dotted #666;
	padding:5px;
	background-color:#EEE;
	
}
/**************** comment replies *************************/
.comment_reply_holder {
	border-top:1px dotted #999;
	clear:both;
	padding:0 20px 5px 20px;	
}
.comment_reply_holder textarea.replyTxt {
	margin:5px 0;
}
a.replyIcon {
	color:#333;
	margin:5px 0 0 5px;
	text-decoration:none;	
	padding:3px 0 0 0;
	background-image:url(../images/icon_return.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	height:14px;
	display:block;
	float:right;
}
a.replyIcon:hover span{
	text-decoration:underline;
}
a.replyIcon span {
	padding-left:15px;	
}
	
.comment_score {
	float:right;
	position:relative;
	margin-top:10px;
	width:120px;
}
.comment_score h4 {
	font-size:20px;
	font-weight:normal;
	margin:5px 7px 0 0;
	text-align:right;
}
.comment_content {
	float:left;
	margin:0 0 10px 0;
	width:62%;
	
}
.comment_content h3.entourageName {
	margin:10px 0 0 10px;	
	border-bottom:1px dotted #999;
	padding-bottom:5px;
}


.btn_post {
	margin:0;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:60px;
	background-image:url(../images/btn_post.png);
	background-color:transparent;
	background-position:0 0;
}
.btn_post:hover {
	background-position:0 -19px;
}
.btn_post span {
	display:none;	
}


/********************************* Comment Reply Styles ************************************/

ul.listReplies {
	width:inherit;
	min-height:1em;
	margin:0;
	padding:0;
	color:#333;
	position:relative;
}

ul.listReplies li {
	list-style:none;
	padding:0;
	margin:0;
	border:1px solid #CC783A;
	background:#fafafa;
	border-top:0;
}

ul.listReplies li .comment_content {
	width:83%;	
}
ul.listReplies li:nth-of-type(even) {
	background:#fafafa;
}

/*********************************FreqPost Styles ************************************/

.freqPost {
	/*background:url(../images/icon_freq.png) no-repeat right;*/
	
}
.freq_alert {
	background:#F2D2A2;
	padding:5px 5px 0 5px;
	border:1px solid #CC783A;
	margin-top:10px;
}
.freq_alert h4.label {
	background:url(../images/icon_important.png) no-repeat 0 0;
	padding-left:20px;
	height:17px;
	
}
.freq_post_holder {
	background:url(../images/icon_freqBig.png) no-repeat 5px 5px #F2D2A2;
	padding:5px 5px 5px 80px;
	border-bottom:1px dotted #666;
	min-height:50px;
	font-weight:bold;
	line-height:1.5;
	
}


h6.freq_title {
	background:url(../images/freqIconSmall.png) no-repeat 0 2px;	
	padding:0;
	padding-left:20px;
	font-size:140%;
	margin:0;
}
/********************************* Shrink Styles ************************************/

ul.listComments li.shrink .comment_score {
	background:url(../images/icon_shrink.png) no-repeat top right;
	padding-top:33px;
	margin-top:5px;
}
.shrinkacceptance {
	margin:0;
	background:#F2D2A2;
	padding:10px 5px 5px 5px;
	border:1px solid #CC783A;
	border-top:0;
}
.blackTxt {
	color:#000;
	
}
ul.listReplies li.acceptShrink {
	background:url(../images/icon_acceptShrink.png) no-repeat 5px 8px #F2D2A2;
}
ul.listReplies li.declineShrink {
	background:url(../images/icon_declineShrink.png) no-repeat 5px 8px #F2D2A2;
}

ul.listReplies li.acceptShrink .selectedAvatar, ul.listReplies li.declineShrink .selectedAvatar {
	display:none;
}
ul.listReplies li.acceptShrink .comment_content, ul.listReplies li.declineShrink .comment_content {
	padding-left:30px;
	width:92%;
	margin:0;
	}
ul.listReplies li.acceptShrink h3, ul.listReplies li.declineShrink h3 {
	border:0;
	float:left;
	}
ul.listReplies li.acceptShrink p.postedOn, ul.listReplies li.declineShrink p.postedOn {
	width:auto;
	float:right;
	border:0;
}
.shrink_reply_txt {
	clear:both;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	margin-bottom:8px;
	background-color:#f9f9f9;
}
.shrink_reply_txt p {
	margin:0;
	padding:0;
}
/********************************* General FreqOut Styles ************************************/

ul.fullFreq li.shrink .comment_content {
	width:83%;
}



.freq_header {
	border:1px solid #CC783A;
	border-bottom:1px dotted #CC783A;
	padding:5px;
	margin-top:10px;
}



/********************************* REVISED Styles ************************************/

.fullPost div.post_ids {
	border-top:1px dotted #666;
	font-style:normal;
	text-align:left;
	color:#666;
	padding:7px;
	background-color:#eee;
	border-bottom:1px solid #999;
}

body {
	background:url(../images/hertz_bg.png) #fff fixed repeat-x; /* delete all the other background- styles and replace with this please */
	
}



/****************RANDOM STYLES **************************/
.inviteBtn {
	margin:5px 0 0 10px;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:62px;
	background-image:url(../images/btn_invite.png);
	background-color:transparent;
	background-position:0 0;
}
.inviteBtn:hover {
	background-position:0 -19px;
}
.inviteBtn span {
	display:none;	
}
.sendBtn {
	margin:5px 0 0 10px;
	padding:0;
	display:block;
	float:right;
	height:19px;
	width:58px;
	background-image:url(../images/btn_send.png);
	background-color:transparent;
	background-position:0 0;
}
.sendBtn:hover {
	background-position:0 -19px;
}
.sendBtn span {
	display:none;	
}