body {
background: #FFF;
}

.stream_input .textarea_holder {
width: 98%;
margin-bottom: 5px
}
.stream_input textarea {
width: 100%;
font-size: 13px;
height: 50px;
line-height: 14px
}
.lgreen_btn {
background: #f0f9dd url(../images/light_green_btn_bg.png) repeat-x 0 100%;
padding: 4px 10px;
border: 1px solid #95ac65;
font-weight: bold
}
.stream_input .dgreen_btn { 
border: 1px solid #407700;
color: #FFF;
background: #7DAA05 url(../images/dgreen_btn_bg.png) repeat-x;
font-weight: bold;
padding: 1px 40px 3px;
font-size: 16px
}
#share_update_btn{font-size:105%}
.stream_input .right{padding:0;background:0}
.lgreen_btn,.stream_input .dgreen_btn {
display: block
}
.lgreen_btn span {
background: url(../images/add_icon.png) no-repeat 0 50%;
padding: 1px 0 1px 24px;
color: #333
}
.green_lock {
background-position: 0 0
}

.filter_panel {
background: none;
border: 0
}
.filter_panel .panel_header {
background: none;
padding-bottom: 0;
padding-left: 0
}
.filter_panel .panel_header span {
color: #0066CC;
font-weight: normal
}
.filter_panel .panel_header .panel_toggle {
margin-right: 5px
}
.filter_panel {
margin-bottom: 20px
}
.filter_panel .panel_body {
padding-left: 0
}

.comments {
margin-left: 88px;
position: relative;
background: none
}
.comments .comments_pointer {
background: url(../images/comments_bg.png) no-repeat;
height: 6px;
overflow: hidden;
width: 100%;
top: 0;
z-index: 89;
position: absolute
}
.comments {
display: none
}
.comments.visible,.comments.visible .comment_form_holder {
display: block; min-height:42px;
}
.comments .view_comment_row {
border: 1px solid #eaf2f9;
border-top-color: #FFF;
margin: 0;
padding: 0;
width: 380px
}
.comments_children {
width: 382px;
border-top: 1px solid #eaf2f9;
}
.comment_content .profile_link,.comment_content {
font-size: 11px;
}
.stream_details {
 margin: 10px 0 3px 71px;
 color: #AAA;
 font-size: 85%;
 padding: 3px 5px 3px 23px;
 background: url(../images/status_update.png) no-repeat;
 min-height:20px;
}
.stream_details a {
font-size: 100%
}
.stream_details a.understated {
color: #AAA;
}
.comments .view_comment_row textarea {
width: 95%;
font-size: 95%;
height: 21px;
}
.comments .view_comment_row .commentsubmit {
display: none;
float: right;
font-size: 90%;
height: auto;
margin: 0 5px 5px;
padding: 3px;
background: url(../images/button_gray_sm_bg2.png) repeat-x 0 50%;
border: 1px solid #DDD
}
.facebook_icon {
background-image: url(../images/icon_fb.jpg)
}
.filters {
background: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin-bottom: 10px
}
.filters a {
margin: 4px 4px 0
}
.with_tooltip {
float: left;
display: block
}
.with_tooltip,.with_tooltip:hover {
text-decoration: none
}
.with_tooltip em {
position: absolute;
display: none;
background: url(../images/tooltip.gif) no-repeat 0 100%;
padding-bottom: 4px;
font-style: normal;
top: -27px;
left: 0;
z-index: 99
}
.with_tooltip em span {
display: block;
font-size: 85%;
white-space: nowrap;
background: #282828;
color: #FFF;
padding: 4px 5px
}
.with_tooltip em span b {
font-size: 95%
}
.panel.grey {
background: #FFF;
border-color: #ddd;
border: 0
}
.panel.grey .panel_header {
background: #FDFDFD url(../images/panel_header_greybg.png) repeat-x;
border:1px solid #AAA;-moz-border-radius:0;padding:6px 10px;color:#000
}
.panel.grey .panel_header a {
color: #0066CC;
font-size: 85%;
font-weight: normal
}

.notifications_item {
background: url(../images/notifications_bullet.png) no-repeat 0 50%;
padding-left: 12px
}
.invite_relatives_addressbook {
padding-top: 10px;
border-top: 1px solid #d5d5d5;
background-position: 0 8px
}
.small_indent {
font-size: 85%
}
.relatives_cnt {
margin-bottom: 10px
}
.relatives_cnt a {
margin: 1px
}
.white_comment {
background: url(../images/white_comment.png) no-repeat
}
.white_star {
background: url(../images/white_star.png) no-repeat
}
.white_comment,.white_star {
padding-left: 18px;
font-size: smallest;
margin-right: 3px
}
.comment_like {
background-image: url(../images/white_star.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 9px 4px 9px 24px;
font-size: 85%;
margin-right: 3px;
margin-left: 5px;
display: block
}
.comment_like a {
font-size: 100%
}

.comment_like {
background-image: url(../images/white_star.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 9px 4px 9px 24px;
font-size: 85%;
margin-right: 3px;
margin-left: 5px;
display: block
}
.comment_like a {
font-size: 100%
}

.comment_like_others {
font-size:100%;
}
.comment_like_others a {
font-size:100%;
}

.photos_preview .large {
text-align: center
}
.photos_preview .large img {
background: #FFF;
padding: 2px;
border: 1px solid #DDD
}
.photos_preview .details {
margin-top: 5px
}
.photos_preview .details h3 {
margin: 0
}
.photos_preview .details .left small {
font-size: 85%
}
.photos_preview .details .left small a {
font-size: 100%
}
.photos_preview .details .right span,.photos_preview .details .right img {
float: left;
margin-right: 4px
}
.photos_preview .details .right .num_cnt {
color: #AAA;
margin-top: 3px
}
.photos_preview .details .right {
margin-top: 4px
}
.smaller_preview {
margin: 8px 0
}
.smaller_preview a {
width: 13.2%;
float: left;
margin-left: 1%
}
/*
 * it might be best to use <div> as the image preview than <img>
 * because an <img> looks really weird when it's set with a default width & height
 */
.smaller_preview a .img_index {
opacity: 0.4;
filter: alpha(opacity=40);
width: 100%;
height: 45px;
overflow: hidden;
background-color: #FFF;
background-repeat: no-repeat
}
.smaller_preview a .set {
opacity: 1;
filter: alpha(opacity=100)
}
.small_preview_cnt {
padding: 2px 0;
border: 1px solid #e0e0e0
}
.album_name {
padding-bottom: 10px
}
.stream_empty * {
font-size: 96%
}

.invite_relatives_email {
padding-bottom: 5px
}
.relative .with_tooltip em {
top: -22px
}

.relatives_header {
background: #FDFDFD url(../images/panel_header_greybg.png) repeat-x 0 100%;
border:1px solid #AAA;padding:6px 10px;color:#000;font-weight:bold
}
.relatives_header .left {
font-size: 110%;
font-weight: bold;
color: #666;
padding: 0
}
.relatives_header .right {
background: #f0f9dd url(../images/light_green_btn_bg.png) repeat-x 0 100%;
border: 1px solid #95ac65;
color: #6B7E46
}
.relatives_header .right span {
background: url(../images/re_order.png) no-repeat 6px 50%;
padding-left: 35px;
display: block;
padding: 4px 10px 4px 26px;
color: #6B7E46;
font-weight: bold;
font-size: 95%
}

.relatives .relatives_cnt {
margin-top: 20px
}
.relative {
position: relative;
padding-left: 55px;
min-height: 50px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #efefef
}
.relative:last-child {
border-bottom: 0
}
.relative_img {
position: absolute;
top: 0;
left: 0
}
.relative .update {
display: block;
margin-top: 5px;
color: #555
}
.relative .relative_add_relationship {
font-weight: normal
}
.relative_relationship {
margin-top: 5px
}
.relative_relationship b {
color: #555
}
.relative .relative_details {
padding-top: 5px;
font-size: 80%
}

.possible_relative_remove,.relative_remove {
position: absolute;
margin-left: 3px;
right: 0;
top: 13px;
padding-left: 3px;
border-left: 1px solid #f5f4f4;
}
.possible_relative_remove a:hover,.relative_remove a:hover {
background-image: url(../images/remove_rel.png)
}
.possible_relative_remove a,.relative_remove a {
background: url(../images/remove_rel_grey.png) no-repeat 0 50%;
width: 30px;
height: 40px;
display: block
}

/*_popup:add/edit relationship*/
.relative_requests_cnt {
position: relative;
margin: 0px auto 10px;
width: 275px;
height: 60px;
overflow: hidden
}
.relative_details_dialog .bg_holder {
background: ;
position: absolute;
width: 0px;
height: 0px;
top: 0;
left: 0
}
.relative_details_dialog .add_rel_block {
width: 295px;
margin: 0 auto 10px
}
.relative_details_dialog .add_rel_block input {
padding: 4px
}
.relative_details_dialog {
    padding: 6px;
}

.possible_relative {
position: relative;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #EFEFEF;
min-height: 50px
}
.possible_relative_img {
position: absolute;
top: 0;
left: 0
}
.possible_relative_details {
padding: 0 35px 0 55px;
line-height: 110%
}
.possible_relative_details a {
display: block
}
.possible_relative_details a:first-child {
font-weight: bold;
font-size: 95%
}
.possible_relative_details .green_btn {
padding: 3px 5px;
font-size: 90%;
text-align: center;
color: #FFF;
display: inline
}
.possible_relative:last-child {
border-bottom: 0
}
.new_possible_relative {
display: none
}

.relatives #request_lists{margin-top:0;border-bottom:1px solid #efefef}
.relatives .possible_relative{padding:8px;font-size:87%;border-bottom:0;border-top:1px solid #efefef;margin:0}
.relatives .possible_relative:first-child{border-top:0}
.relatives .possible_relative.confirmed_relative{border-bottom:1px solid #FFF;border-top:1px solid #FFF}

.relatives .possible_relative_details a{display:inline}
.relatives .possible_relative_details,.relatives .possible_relative_details *{font-size:inherit}
.relatives .possible_relative_img{top:8px;left:8px}
.add_relative{background:#699b06 url(../images/add_as_relative_bg.png) repeat-x 0 0;color:#FFF;border:1px solid #AAA;border-color:#477900 #477802 #487802;padding:4px 8px 3px 6px;-moz-border-radius:2px;-webkit-border-radius:2px}
.add_relative span{background:url(../images/add_as_relative.png) no-repeat 0 0;padding-left:22px;font-size:90%;color:#FFF}
.add_relative:hover{text-decoration:none}
.ignore_btn{background:url(../images/button_gray_sm_bg2.png) repeat-x scroll 0 50%;border:1px solid #AAA;border-color:#AAA #666 #666 #AAA;padding:3px 6px 4px}
.ignore_btn:hover{text-decoration:none}
.ignore_btn .ignore_btn_text{font-size:95%;font-weight:bold;color:#666}
.relatives .possible_relative_buttons a{margin-right:5px}
.relatives .possible_relative_links a{display:block;margin:0 0 5px 20px;padding:2px 0 2px 20px}
.tree_icon{background:url(../images/add_to_tree.png) no-repeat}
.questions_icon{background:url(../images/ask_questions.png) no-repeat}


.relatives .possible_relative_buttons{margin-top:8px}
.confirmed_relative{background:#F4F8EA}


/* photo uploader code */
/*flash uploader - added by Rajiv 04/08/2009 */
div.flash {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-color: #D9E4FF;
margin: 10px 5px;
width: 95%;
}
div.fieldset {
margin: 10px 0;
padding: 20px 10px;
}

div.fieldset span.legend {
-x-system-font: none;
background-color: #FFFFFF;
color: #73B304;
font-size: 14px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: normal;
padding: 3px;
position: relative;
top: -30px;
}

.progressWrapper {
width: 95%;
overflow: hidden;
}

.progressContainer {
padding: 4px;
border: solid 1px #E8E8E8;
background-color: #F7F7F7;
overflow: hidden;
}

.progressName {
font-size: 12px;
height: 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
width: 80%;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
font-size: 0;
width: 0%;
height: 2px;
background-color: #629ad3;
margin-top: 2px;
}

.progressBarComplete {
width: 100%;
background-color: #73a020;
visibility: hidden;
}

.progressBarError {
width: 100%;
background-color: #cc0000;
visibility: hidden;
}

.progressBarStatus {
margin-top: 2px;
width: 100%;
font-size: 10px;
color: #666;
text-align: left;
white-space: nowrap;
}


a.progressCancel:hover {
background-position: 0px 0px;
}
#divStatus {
padding-bottom: 5px
}

.flash_button_holder {
height: 0px;
border-top: 1px solid #EFEFEF;
padding-top: 10px;
padding-bottom: 20px;
}

.flash_button_holder .swfupload {
vertical-align: top;
position: absolute;
z-index: 1;
}

a.progressCancel {
	font-size: 0;
	float: right;
	display: inline-block;
	height: 26px;
	width: 26px;
	background-image: url(../images/remove_rel_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	_background: transparent;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/remove_rel_grey.png');
}
a.progressCancel:hover {
	background-image: url(../images/remove_rel.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/remove_rel.png');
}
.textarea_photo {
height: 100px
}
.textarea_photo textarea {
width: 44%;
height:12px;
}


.textarea_photo a:hover {
background-image: url(../images/remove_rel.png)
}
.textarea_photo a {
background: url(../images/remove_rel_grey.png) no-repeat 0 50%;
width: 20px;
height: 30px;
display: block
}
.photo_lgreen_btn {
width: 110px;
height: 30px;
font-size: 8pt;
background: #f0f9dd url(../images/light_green_btn_bg.png) repeat-x 0 100%;
padding: 4px 10px 10px 4px;
border: 1px solid #95ac65;
font-weight: bold
}
.photo_button_holder {
width: 310px;
float: right
}
#stream_form_photos {
padding: 0px 0px;
}
#stream_form_photos .input_container {
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #c4dba0;
margin-bottom: 10px;
padding: 15px;
border-top: 2px solid #A7BF76
}
.album_name {
padding-left: 10px;
padding-top: 10px
}
#simple_uploader {border-top:1px solid #EDEDED;padding-top:10px} 


/* Like Code */
.like_holder {
margin-left: 88px;
position: relative;
background: none;
padding-top: 4px;
width: 432px
}
.like_holder .likes {
position: relative;
background: none
}
.like_holder .likes .view_likes_row {
background: #F5FAE2 none repeat scroll 0 0;
border: 1px solid #e5e5ce;
border-top-color: #FFF;
-moz-border-radius: 0;
-webkit-border-radius: 10px;
margin: 0;
padding: 5px;
width: 420px
}
.like_holder .likes .view_likes_row .like_thumb {
padding-right: 2px;
padding-top: 2px
}
.like_holder .likes_pointer {
background: url(../images/comments_bg.png) no-repeat;
height: 6px;
overflow: hidden;
width: 100%;
top: 0;
z-index: 100;
position: absolute
}
#holder {
padding-right: 10px;
height: 41px
}

.textarea_photo input[type="radio"]{background:none;border:0}
.textarea_photo .photo_lgreen_btn{width:auto}
#btnCancel{display:none}
#btnCancel,#photo_hide{margin-right: 2px; font-size: 8pt; height: 29px;float:right}
#btnUpload{display:inline;float:right;color:#FFF;padding:3px 40px 4px}
.photo_button_holder{float:none;width:auto;text-align:right;width:102%;}
.find_relatives_header .right span{background-image:url(../images/upload_contact_list.png)}
.find_relatives_body{margin:20px}
.find_relatives_body p{text-align:center;margin:0 auto 20px;font-size:90%;color:#666}
.find_relatives_body .formRow{margin-bottom:5px}
.find_relatives_body .formRow label{width:150px;padding-right:10px;text-align:right;font-size:85%;font-weight:bold;color:#999;padding-top:5px}
.find_relatives_body input[type="text"],.find_relatives_body input[type="password"]{padding:3px;width:200px}
.find_relatives_body .green_btn{background-position:0 50%;font-size:90%;padding:3px 15px}
.find_relatives_body .green_lock{display:block;background:url(../images/security_lock.png) no-repeat 0 50%;padding:3px 3px 3px 18px;margin-top:5px;font-size:85%;color:#666}
.find_relatives_body .green_lock a{font-size:100%}

.relative_details h4 { width: 70%; }
.relative_details h4 a,.relative_details h4 b{font-size:98%}
.relative_details h4 b{color:#555}
.awaiting_confirmation{font-style:italic;font-size:90%;color:#D47928;background:url(../images/why_info.png) no-repeat 100% 80%;padding-right:15px;font-weight:normal;cursor:pointer;}
.orange_btn{border:1px solid #6F3301;background:#D97B31;padding:3px 5px;display:block;color:#FFF;font-weight:bold;font-size:85%;width:auto;height:auto;border-color:#AF7E57 #6F3301 #6F3301 #AF7E57}
.orange_btn:visited{color:#FFF}
.relative_links{position:absolute;right:0;top:0}
.relative_links .relative_remove{position:relative; top: 5px;}
.relative_links .orange_btn{margin:15px 10px 0 5px}
.relative_info{color:#767676;font-size:110%;line-height:135%;width:80%;}