.intro img.user {
  	float: right;
  	margin-right: -40px;
  	border-width: 7px;
  	margin-left: 15px;
}
ul.notes{
	margin-left: 8px;
	_margin-left: 0px;
	list-style-type: none;
}


ul.notes li, .note-display {
position: relative;
float:left;
    margin-bottom: 4px;
    line-height: 1.6;
    float: left;

}
ul.notes li{
margin: 0 0 10px 30px;
}
.note-display {
    padding: 0 20px 14px 35px;
    min-height: 75px;
    width: 465px;
} /*ie6*/

ul.notes li .note-contents {
    padding: 10px 100px 20px 15px;
	_padding: 10px 50px 20px 7px;
    min-height: 100px;
    float: left;
    width: 390px;
    overflow: hidden;
	display: block;
	text-align: left;
} /*ie6*/
ul.notes li .note-contents p em{
font-size: 10px;
line-height: 12px;
}





ul.notes img.user, .note-display img.user {
	z-index: 12;
    position: absolute;
    left: 465px;
    top: 8px;
}

.note-display img.user {
    top: 0;
}

img.user {
	background: #fff;
}

ul.notes p, .note-display p {
  margin: 0;
  line-height: 1.5em;
  overflow: hidden;
}

ul.notes p a, .note-display p a {
	white-space: nowrap;
}

ul.notes .reply-note p {
	margin-bottom: 1em;
}

.note-file, .note-url, .download  {
    display: block;
    float: left;
    padding: 5px 15px 7px 32px;
    _padding: 5px 7px 7px 16px;
    text-decoration: none;
    margin: 8px 0 0 0;
    overflow: hidden;
    line-height: 1em;
    white-space: nowrap;
    border: 1px solid #fff;
}












ul.notes h4 {
	font-size: 10px;
	margin: 0;
	position: absolute;
	bottom: 15px;
	right: 10px;
	text-align: right;
	white-space: nowrap;
	width: 160px;
}

.comment-sig{
	font-size: 10px;
	margin: 0;
	position: absolute;
	bottom: 15px;
	right: 10px;
	text-align: left;
	white-space: nowrap;
	width: 120px;
	background-color: #CCCCCC;
}
.comment-sig h4 a{
  font-size: 10px;
}
.note-display h4 {
	clear: left;
	padding-top: 1em;
}

ul.notes h4 a, .note-display h4 a {
  font-size: 10px;
}

ul.notes h4 .forward {
	font-weight: normal;
}

ul.notes h4 .reply, ul.note h4 .forward {
	padding-right: 6px;
	margin-right: 6px;
}


ul.notes h4 em {
	display: block;
	overflow: hidden;
	text-align: right;
	padding: 0 0 0px 0;
	  font-size: 10px;
	line-height: 13px;
}

ul.notes li em.note-type {
	position: absolute;
	top: 0;
	right: 8px;
	font-size: 77%;
	font-weight: bold;
	display: block;
	padding: 4px 7px;
	line-height: 1em;
}

ul.notes li em.note-type a {
	font-size: 100%;
	color: #fff;
}

ul.notes li h4 form {
    display: inline;
}

ul.notes li input.remove {
    background: none;
	margin-left: 6px;
	padding-left: 6px;
}

.note-comment {
    clear: left;
}

.note-comment textarea {
    width: 100%;
    height: 6em;
}

.note-comment .post-note {
    float: right;
    margin-left: 2em;
}

dl.note-event {
    margin: 0.5em 0;
}

dl.note-event dt {
    font-weight: bold;
    float: left;
    font-size: 85%;
    padding-top: 2px;
}

dl.note-event dd {
    margin-left: 5em;
}

ul.notes li.reply-note .note-contents {
    padding-top: 2.1em;
    min-height: 85px;
} /*ie6*/

ul.notes li.reply-note .note-contents p {
    font-size: 100%;
    margin-bottom: 0;
}

#replies .stars {
    float: right !important;
    margin-top: -5px;
}

#note-forward div, #note-forward textarea {
	margin-top: 5px;
}

#note-div {
  padding: 5px 15px 15px 15px;
  position: relative;
  line-height: 1;
  margin: 0 0 1em 0;
}

#note-default-area {
	min-height: 100px;
} /*ie6*/






ul.notes li:hover,
#new-note:hover {
    background-position: -600px 100%;
}

ul.notes li .note-contents:hover .note-file,
ul.notes li .note-contents:hover .note-url {
    color: #6ca400;
}

ul.notes li .note-contents:hover .note-url {
    text-decoration: underline;
}

.note-header {
    margin: -10px -10px 25px -10px;
    padding: 5px 10px;
}

.note-header a {
    margin-right: 10px;
}

.replies {
    margin: 1em 0;
    padding: 1em 0;
    clear: left;
}

.replies h3 {
    margin-bottom: 0;
}

.replies .rsvp {
	float: right;
	font-size: 85%;
}

.replies li .rsvp {
	margin-top: -5px;
	font-weight: bold;
}

ul.notes li .rsvp {
	display: block;
	margin-top: 0.5em;
	font-size: 85%;
}

.reply-sender {
	font-size: 85%;
	padding-bottom: 5px;
}

.reply-sender a {
	font-size: 100%;
}






#rating ul {
    position: relative;
    width: 80px;
    height: 16px;
}

#rating strong, #rating ul {
    float: left;
    margin: 0;
    padding: 0;
}

#rating strong {
    display: block;
    padding: 2px 5px 0 0;
    font-size: 85%;
    float: left;
}

#rating ul, #rating li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#rating ul a {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -2000em;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}

#rating ul a:hover {
     background-position: 0 0;
     z-index: 1;
     left: 0 !important;
}

#rating li.one-star a { left: 0; }
#rating li.one-star a:hover { width:16px; }

#rating li.two-stars a { left:16px; }
#rating li.two-stars a:hover { width: 32px; }

#rating li.three-stars a { left: 32px; }
#rating li.three-stars a:hover { width: 48px; }

#rating li.four-stars a { left: 48px; }
#rating li.four-stars a:hover { width: 64px; }

#rating li.five-stars a { left: 64px; }
#rating li.five-stars a:hover{ width: 80px; }

#rating li.current-rating {
    height: 16px;
    display: block;
    text-indent: -2000em;
    position: absolute;
    z-index: 1;
}

.rating {
    width: 80px;
    height: 16px;
    clear: left;
    padding-top: 10px;
}

.stars-note {
	clear: left;
	padding-top: 5px;
	font-family: Georgia, serif;
	height: 16px;
}

.stars-note div {
	float: left;
	font-size: 85%;
	margin-right: 3px;
	font-weight: bold;
}

.stars {
    height: 16px;
    width: 60px;
    margin: 2px 0 0 0;
    float: left;
}

.rating-05, .rating-10, .rating-15, .rating-20, .rating-25, .rating-30, .rating-35, .rating-40, .rating-45, .rating-50 {
    display: block;
    width: 8px;
    height: 16px;
    text-indent: -2000em;
}

.stars-05, .stars-10, .stars-15, .stars-20, .stars-25, .stars-30, .stars-35, .stars-40, .stars-45, .stars-50 {
    display: block;
    width: 6px;
    height: 12px;
    text-indent: -2000em;
}

.rating-10 { width: 16px; }
.rating-15 { width: 24px; }
.rating-20 { width: 32px; }
.rating-25 { width: 40px; }
.rating-30 { width: 48px; }
.rating-35 { width: 56px; }
.rating-40 { width: 64px; }
.rating-45 { width: 72px; }
.rating-50 { width: 80px; }

.stars-10 { width: 12px; }
.stars-15 { width: 18px; }
.stars-20 { width: 24px; }
.stars-25 { width: 30px; }
.stars-30 { width: 36px; }
.stars-35 { width: 42px; }
.stars-40 { width: 48px; }
.stars-45 { width: 54px; }
.stars-50 { width: 60px; }

#center textarea {
	height: 13em;
	width: 400px;
}







img.user{
	border: 3px solid #FFF;
}

.intro img.user, .photo-loading {
  	border: 7px solid #eff3e2;
}

a:hover img.user, a:hover .intro img.user {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

ul.notes li, #note-div {
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
} 
ul.notes li .author{
float: left;
clear: both;
font: 12px Georgia, "Times New Roman", Times, serif;
}

* html ul.notes li{
	background-image: url(note-back.gif);
}



ul.notes h4{
  	color: #333333;
}






ul.notes li .note-contents:hover .reply-to, ul.notes li em.note-type {
    background: #e7edd1;
}


.form-note p {
    background: #8d2424;
    color: #fff;
}

.pending li, .friend-results li {
    border-top: 1px solid #fff;
}

ul.alerts a {
    color: #3f6c10;
}

a.button, .button, a.add-new  {
  color: #8d2424;
  border-color: #fff #66743e #66743e #fff;
}

.friends-select li.selected a {
	border-color: #8d2424;
	background: #e7d5d5;
}

#rating ul {
    background: url(/img/sencha/stars.gif) 0 -100px;
}

#rating ul a {
    background: url(/img/sencha/stars.gif) 0 -50px; /*invisible*/
}

#rating li.current-rating {
    background: url(/img/sencha/stars.gif) 0 -200px;
}

.rating {
    background: url(/img/sencha/stars.gif) 0 -90px repeat-x;
}

.stars {
    background: url(/img/sencha/stars-small.gif) 0 -100px repeat-x;
}

.rating-05, .rating-10, .rating-15, .rating-20, .rating-25, .rating-30, .rating-35, .rating-40, .rating-45, .rating-50 {
    background: url(/img/sencha/stars.gif) 0 -200px repeat-x;
}

.stars-05, .stars-10, .stars-15, .stars-20, .stars-25, .stars-30, .stars-35, .stars-40, .stars-45, .stars-50 {
    background: url(/img/sencha/stars-small.gif) 0 0 repeat-x;
}