/* RateAFace 3 - by Roxbox Online */
/* For technical queries please contact mark@mlwdesign.co.uk */

/* RATEAFACE MEMBER PROFILE */

.profile-block-1 {}
.profile-photo-area {float: left; width: 350px; height: 260px; background: #FFFFFF;}
.profile-photo-area-inner {}
.profile-left-1 {float: left; width: 350px;}
.profile-right-1 {float: left; margin: 0 0 0 10px; width: 240px;}

.imageLoader-1 {float: left; width: 350px; height: 260px; background: url(../../images/loading.gif) center no-repeat;}
.imageLoader-2 {width: 350px; height: 260px;}
.imageLoader-2 a {display: block; width: 350px; height: 260px;}


.about-area-1 {display: block; padding: 5px 0 0 0; margin: 20px 0 0 0;}
.about-area-2 {display: none; padding: 5px 0 0 0; margin: 20px 0 0 0;}

.galleryLink {text-align: right; padding: 18px 0 0 0;}
.galleryLink a {font-weight: bold; color: #669900; text-decoration: none;}
.galleryLink a:hover {color: #669900; text-decoration: underline;}

.gallery-area {padding: 40px 0 0 0;}
.commData {font-weight: bold; color: #669900;}

.comments-area {width: 350px; background: url(../../images/layout/profile/comment-block.jpg) top no-repeat; margin: 20px 0 0 0;}
.comments-area-inner {padding: 10px 15px 10px 15px;}
.comments-controls {color: #CCCCCC; font-size: 14px;}
.comments-controls a {color: #333333; font-size: 14px; text-decoration: none;}
.comments-controls a:hover {color: #333333; font-size: 14px; text-decoration: underline;}
.comments {padding: 15px 0 0 0; min-height: 300px;}

.pro-contact {width: 240px; background: #EEEEEE; margin: 45px 0 20px 0;}
.pro-contact-inner {padding: 15px;}

#contactLinks {margin: 0; padding: 0; border: 0;}
#contactLinks li {list-style: none; height: 25px;}
#contactLinks li a {display: block; height: 100%; color: #000000; text-decoration: none;}
#contactLinks li a:hover {background: #CCCCCC; text-decoration: underline;}

/* Rate Stats */
.rate-stats {padding: 10px 0 10px 10px;}
.rate-stat {width: 100px; height: 100px; float: left; background: url(../../images/layout/profile/stat-circle.jpg) center no-repeat; margin: 0 0 0 10px;}
.rate-stat-inner {padding: 20px 0 0 0; text-align: center;}
.ratestat-header {color: #FFFFFF; font-size: 15px; font-weight: bold;}
.ratestat-body {color: #99CC33; font-size: 19px; font-weight: bold;}
.ratestat-body2 {color: #99CC33; font-size: 22px; font-weight: bold;}
.ratestat-footer {color: #999999; font-size: 11px;}


/* TAGS */
.ptags {}
.ptags-bar {height: 27px; background: url(../../images/layout/profile/section-bar.jpg) repeat-x;}
.ptags-header {height: 27px; width: 135px; color: #FFFFFF; background: url(../../images/layout/profile/section-tab.jpg) repeat-x;}
.ptags-header-inner {padding: 6px 0 0 8px; font-weight: bold;}
.ptags-inner {padding: 15px 0 15px 0;}
.ptags-btab {height: 27px; width: 135px; color: #000000; font-weight: bold; float: left; margin: 0 5px 0 0 ;}
.ptags-btab-inner {padding: 4px 0 0 0;}
.ptags-tab {height: 27px; width: 135px; color: #FFFFFF; font-weight: bold; background: url(../../images/layout/profile/section-tab.jpg) repeat-x; float: left; margin: 0 5px 0 0 ;}
.ptags-tab a {display: block; width: 135px; height: 27px; padding: 6px 0 0 8px; color: #FFFFFF;}
.ptags-tab a:hover {display: block; width: 135px; height: 27px; padding: 6px 0 0 8px;color: #999999;}
.ptags-tab a.grey {display: block; width: 135px; height: 27px; padding: 6px 0 0 8px; color: #666666;}
.ptags-tab a.grey:hover {display: block; width: 135px; height: 27px; padding: 6px 0 0 8px; color: #FFFFFF;}

/* Small rater */
#smRate {float: left; margin: 15px 0 0 0;}
.profileRater {width: 240px; height: 20px; background: url(../../images/layout/small-rater.jpg) center no-repeat;}
.profileRaterOff {width: 240px; height: 20px; background: url(../../images/layout/small-rater-off.jpg) center no-repeat;}
.profileRaterInner {padding: 2px 0 0 11px; text-align: center; color: #FFFFFF; font-weight: bold;}
.profileRaterInnerOff {padding: 2px 0 0 0; text-align: center; font-weight: bold;}
.profileRaterInner a {margin: 0 11px 0 0; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.profileRaterInner a:hover {margin: 0 11px 0 0; color: #888888; font-weight: bold; text-decoration: none;}