/* user.css -- CSS Document
------------------------------
- profile
- [profile icons]
- edit profile
- account settings
- upload photo
- view photos
------------------------------
*/

/* profile */
#profile #profile_ad {
	padding: 10px;
	text-align:center;
	margin-bottom: 20px;
	margin-top: -20px;
}
#profile #heading {
	color:#B01901;
	border-bottom:1px solid #d7d6da;
	margin-bottom:10px;
	height:25px;
}

#profile h1 {
	margin-right:10px;
	text-transform:none;
}

#profile h2 {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
}

#profile h3 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
}

#profile #profile_button {
	position:relative;
	bottom:5px;
	margin-left:10px;
}

#profile #profile_header_links {
	color:#969696;
	position:relative;
	top:5px;
}

#profile #profile_header_links.gray a {
	color:#969696;
}

#profile #left_side {
	float:left;
	width:230px;
	padding-right:10px;
	margin-right:30px;
	border-right:1px solid #d7d6da;
	padding-bottom:20px;
	overflow:hidden;
}

#profile #profile_images {
	margin-bottom:5px;
}

#profile #profile_thumbnail {
	background-image: url('/img/img_border.png');
	width: 118px;
	height: 118px;
	text-align: center;
	margin-bottom: 4px;
	float:left;
	margin-right:15px;
}

#profile #profile_additional_info {
	float:left;
	width:90px;
}

#profile #profile_links {
	height:60px;
}

#profile .unread {
	font-weight:bold;
}

#profile #profile_photos.one_row {
	padding-top:27px;
}

#profile #profile_photos.two_columns {
	width:60px;
}

#profile .profile_photo {
	float:left;
	margin-top:3px;
	margin-right:3px;
}

#profile #reviewer_level {
	margin-bottom:10px;
}

#profile #reviewer_level p {
	line-height:12px;
}

#profile #profile_stats {
	font-style:italic;
	margin-bottom:10px;
	margin-bottom:15px;
	width:210px;
}

#profile #profile_stats p.vote_type {
	margin-left:24px;
}

#profile #profile_info {
	width:210px;
	border-top:1px solid #d7d6da;
	padding-top:15px;
}

#profile #profile_info.no_info {
	border-top:0;
}

#profile .profile_info_item {
	margin-bottom:20px;
}

#profile .profile_info_heading {
	font-weight:bold;
	margin-bottom:3px;
}

#profile .profile_info_heading span {
	font-weight:normal;
}

#profile #tabs {
	float:left;
	width:628px;
}

#profile #tabs li {
	padding:5px 5px 0px 5px;
}

#profile #tabs h3, #profile #tabs h2 {
	color:#b01901;
}

#profile #tabs h3.tab_heading {
	padding-bottom:5px;
	border-bottom:1px solid #d7d6da;
	margin-bottom:20px;
}

/* reviews tab */
#profile #reviews-tab {
	margin-top:10px;
}

#profile #review_list_header {
	padding-bottom:10px;
	margin-bottom:25px;
	border-bottom:1px solid #d7d6da;
}

#profile #sort {
	margin-top:5px;
}

#profile #sort.overlay {
	background-color: #FFF;
	border: 1px solid #01669C;
	padding:0px 5px 5px 5px;
}

#profile #sort .overlay_hidden li {
	padding-left:16px;
	padding-top:5px;
}

#profile #review_search div {
	margin-bottom:0px;
}

#profile #review_search_button {
	float:right;
}

#profile #review_search_input {
	float:right;
	margin-right:5px;
	margin-bottom:0px;
	width:200px;
}

#profile #review_search_input input {
	height:25px;
	margin-bottom:0px;
	padding: 4px;
}

/* conversations tab */
#profile #conversations-tab {
	margin-top:10px;
}

#profile .conversation_row {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #d7d6da;
}

#profile .conversation {
	float:left;
	width:500px;
}

#profile .conversation_info a {
	font-weight:bold;
}

#profile .conversation_content {
	margin-top:3px;
}

#profile .conversation_date {
	color:#969696;
	font-style:italic;
	float:right;
}

/* votes tab */
#profile #votes-tab {
	margin-top:10px;
}

#profile .vote_row {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #d7d6da;
}

#profile .vote {
	float:left;
	width:500px;
}

#profile .vote a {
	font-weight:bold;
}

#profile .vote .icon {
	padding-left:31px;
	line-height:27px;
	background-repeat:no-repeat;
}

#profile .vote_date {
	color:#969696;
	font-style:italic;
	float:right;
	line-height:27px;
}

/* bookmarks tab */
#profile #bookmarks-tab {
	margin-top:10px;
}

#profile #bookmarks_disclaimer {
	font-weight:normal;
	margin-left:10px;
}

#profile .bookmark {
	padding-bottom:10px;
	border-bottom:1px solid #d7d7da;
	margin-bottom:20px;
}

#profile .bookmark .image {
	float:left;
	margin-right:15px;
}

#profile .bookmark .info {
	float:left;
	width:400px;
	margin-right:15px;
}

#profile .bookmark .url {
	font-weight:bold;
	margin-bottom:5px;
}

#profile .bookmark .comment {
	font-style:italic;
}

#profile .bookmark .date {
	float:right;
	text-align:right;
	width:50px;
}

#profile .bookmark .date a {
	color:#969696;
}

/* fans / followers tab */
#profile .friends_tab {
	margin-top:10px;
}

#profile .friend {
	margin-bottom:10px;
	float:left;
	width:155px;
	height:120px;
}

#profile .friend_thumbnail {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#profile .friend_stats {
	float:left;
	width: 60px;
	overflow: hidden;
}

#profile .friend_info {
	padding-right: 10px;
}

#profile #similar_users {
	border-top: 1px solid #D7D6DA;
	padding-top: 15px;
}

#profile #similar_users h3 {
	font-size: 1.2em;
	margin-bottom: 15px;
}

#profile .similar_user {
	width: 430px;
	border-right: 1px solid #D7D6DA;
	padding-right: 10px;
	margin-right: 30px;
	float: left;
}

#profile .similar_user.last {
	border-right: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

#profile .similar_user .thumbnail {
	float: left;
	margin-right: 10px;
}

#profile .similar_user .name {
	margin-bottom: 2px;
	padding-top: 2px;
}
#profile .similar_user .stars {
	float: left;
	width: 348px;
	margin-bottom: 3px;
}

#profile .similar_user .star_rating {
	float: left;
	margin-right: 5px;
}

#profile .similar_user .time {
	float: left;
	position: relative;
	top: 7px;
}

/* profile icons */
.profile_icon {
	background-image: url('/img/icons_v1.png');
	width: 14px;
	height: 14px;
	margin-right: 7px;
	background-repeat: no-repeat;
	display:block;
	float:left;
}

.profile_icon.review_icon {
	background-position: 0 0;
}

.profile_icon.comment_icon {
	background-position: -14px 0;
}

.profile_icon.fan_icon {
	background-position: -28px 0;
}

.profile_icon.profile_view_icon {
	background-position: -42px 0;
}

.profile_icon.first_review_icon {
	background-position: -56px 0;
}

.profile_icon.member_since_icon {
	background-position: -70px 0;
}

.profile_icon.message_icon {
	background-position: -84px 0;
}

.profile_icon.very_helpful_icon {
	background-position: 0 -14px;
}

.profile_icon.funny_icon {
	background-position: -14px -14px;
}

.profile_icon.fraud_buster_icon {
	background-position: -28px -14px;
}

.profile_icon.great_find_icon {
	background-position: -42px -14px;
}

.profile_icon.well_written_icon {
	background-position: -56px -14px;
}

.profile_icon.votes_icon {
	background-position: -70px -14px;
}

.profile_icon.bookmark_icon {
	background-position: 0 -28px;
}

/* edit profile */
#edit_profile #heading {
	padding-bottom:5px;
	border-bottom:1px solid #d7d6da;
	margin-bottom:30px;
}

#edit_profile h1 {
	display:inline;
}

#edit_profile #instruction {
	margin-left: 10px;
}

#edit_profile #account_link {
	float:right;
	font-weight:bold;
}

#edit_profile #thumbnail {
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}

#edit_profile #upload_photo_link {
	padding-top:10px;
	float:left;
}

#edit_profile form div {
	margin-bottom:0px;
}

#edit_profile .profile_field {
	float:left;
	width:180px;
	margin-right:20px;
}

#edit_profile label {
	padding-top: 5px;
	font-weight:bold;
}

#edit_profile .example {
	color:#969696;
	line-height:14px;
}

#edit_profile .input {
	float:left;
	width:350px;
	clear:none;
	margin-bottom: 10px;
}

#edit_profile textarea {
	height:55px;
	width:350px;
}
	
#edit_profile #buttons {
	margin-left:200px;
}

/* account settings */
#account_settings #heading {
	padding-bottom:5px;
	border-bottom:1px solid #d7d6da;
	margin-bottom:30px;
}

#account_settings h1 {
	display:inline;
}

#account_settings #edit_profile_link {
	float:right;
	color: #969696;
}
#account_settings #edit_profile_link a {
	font-weight:bold;	
}

#account_settings #preferences {
	margin-bottom:50px;
}

#account_settings #account_info {
	margin-bottom:20px;
}

#account_settings #account_info label {
	padding-top:5px;
	float:left;
	width:200px;
}

#account_settings #account_info input {
	float:left;
	width:300px;
	clear:none;
}

#account_settings form #account_info div {
	margin-bottom:4px;
}

#account_settings #account_info #email {
	margin-top:8px;
	line-height: 25px;
}

#account_settings #account_info #email label {
	padding-top: 0px;
}

#account_settings input.valid {
	border:1px solid #0bd401;
}

#account_settings input.validator-error {
	border:1px solid #c73e14;
}

#account_settings div.error-message {
	background-color:#FFF;
	color:#C73E14;
	padding:0.3em 0;
	font-weight:normal;
	font-size:.8em
}

#account_settings div.validator-error {
	margin-top:3px;
	font-weight:normal;
	color:#C73E14;
	clear:both;
	padding:5px 0;
}

/* registration confirmation */
#change_password input[type="password"] {
	width: 250px;
}

#change_password input.valid {
	border:1px solid #0bd401;
}

#change_password input.validator-error {
	border:1px solid #c73e14;
}

#change_password div.error-message {
	background-color:#FFF;
	color:#C73E14;
	padding:0.3em 0;
	font-weight:normal;
	font-size:.8em
}

#change_password div.validator-error {
	margin-top:3px;
	font-weight:normal;
	color:#C73E14;
	clear:both;
}

/* upload photo */
#upload_photo #content_wrapper {
	padding-bottom:10px;
}

#upload_photo #heading {
	padding-bottom:5px;
	border-bottom:1px solid #d7d6da;
	margin-bottom:40px;
}

#upload_photo h1 {
	display:inline;
}

#upload_photo #profile_link {
	float:right;
	font-weight:bold;
}

#upload_photo #top {
	margin-bottom:20px;
}

#upload_photo #instruction {
	float:left;
	margin-right:10px;
	padding-top:3px;
	margin-right:10px;
}

#upload_photo #uploadButton {
	float:left;
	position:relative;
	bottom:7px;
}

#upload_photo #primary_photo {
	float:left;
	width:350px;
}

#upload_photo #additional_photos {
	float:left;
	width:550px;
}

#upload_photo .profile_photo {
	float:left;
	width:150px;
	height:190px;
	padding:0px 10px;
	text-align:center;
	overflow:hidden;
	margin-bottom:20px;
}

#upload_photo .photo_title {
	margin-bottom:3px;
	font-weight:bold;
}

#upload_photo .photo_links {
	margin-bottom:3px;
	color:#969696;
}

#upload_photo .photo {
	margin:0 auto;
}

#upload_photo .caption {
	margin-top:5px;
}

#upload_photo .caption input[type="text"] {
	height:auto;
	width:110px;
	padding:2px 8px;
	margin-bottom:2px;
}

#upload_photo .default_text {
	color:#969696;
	line-height:14px;
}

#upload_photo .default_text:hover {
	cursor:pointer;
}

/* view photos */
#view_photos #content_wrapper {
	padding-bottom:50px;
}

#view_photos #heading {
	padding-bottom:5px;
	border-bottom:1px solid #d7d6da;
	margin-bottom:40px;
}

#view_photos h1 {
	display:inline;
}

#view_photos #profile_link {
	float:right;
	font-weight:bold;
}

#view_photos #top {
	padding-bottom:20px;
}

#view_photos #photo_pagination {
	margin-bottom:10px;
}

#view_photos #photo_pagination span.disabled {
	color:#969696;
}

#view_photos #main_photo {
	text-align:center;
	margin:0 auto;
}

#view_photos p.caption {
	margin-top:7px;
	line-height:14px;
}

#view_photos #bottom {
	border-top:1px solid #d7d6da;
	padding-top:30px;
}

#view_photos #photo_gallery {
	margin:0 auto;
}

#view_photos .profile_photo {
	float:left;
	width:80px;
	text-align:center;
}

#view_photos .photo {
	margin:0 auto;
}