﻿#user-profile {
	overflow: hidden;
	width: 960px;
}

#info_wrapper{
	position: relative;	
	width: 955px;
}

.back-to-results-from-public-profile {
	color:#D45001;
	margin:8px 0 0 8px !important;
}

div.top_info
{	
	background: url(../i/user-profile/bg_details_frame_top.jpg) 0 0 no-repeat;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 26px 0 0 0;
	width: 955px;
}

div.bottom_info
{	
	background: url(../i/user-profile/bg_details_frame_bottom.jpg) 0 0 no-repeat;
	height: 15px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 15px 0 0 0;
	width: 955px;
}


div.member_info
{
	background: #f5f5f5;
	display: inline;
	float: left;
	min-height: 277px;
	margin: 0 0 0 22px;
	width: 620px;
}



div.member_info div.details
{
	display: inline;
	float: right;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	width: 400px;
}

div.member_info div.details h1
{	
	color: #404040;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 19px;
	font-weight: normal;
}

div.member_info div.details h1 span.and
{	
	color: #404040;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 12.83px;
	font-style: italic;
}

div.member_info div.details dl
{	
	margin: 10px 0 0 0;
	padding: 0;
}

div.member_info div.details dl dt
{	
	color: #3a7b01;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

div.member_info div.details dl dd
{	
	color: #333333;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 12px;
	line-height: 120%;
	margin: 0 0 19px 0;
}

div.member_info div.details dl dd.motto
{	
	color: #333333;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 18px;
}

div.member_info div.profile_pic
{
	background: url(../i/user-profile/profile_pic_bg.gif) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 167px;
	margin: 25px 0 0 32px;
	width: 170px;
}

div.member_info div.profile_pic div.image
{
	border: solid 1px #c0c7e9;
	height: 130px;
	margin: 7px 0 0 7px;
	width: 131px;
}

div.member_info div.profile_pic div.image img
{
	height: 130px;
	width: 131px;
}

div.member_info div.profile_pic div.location
{
	color: #333333;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	padding: 10px 40px 0 0;
	text-align: right;
}


div.top_info div.slideshow
{	
	/*background: url(../i/user-profile/photo_slideshow_bg.jpg) 0 0 no-repeat;*/
	border: solid 4px #88b95a;
	display: inline;
	float: right;
	height: 271px;
	margin: 0 17px 0 0;
	width: 277px;
}


div.top_info div.slideshow div.controls
{	
	background: url(../i/user-profile/slideshow_controls.gif) 0 0 no-repeat;
	height: 28px;
	margin: 235px auto 0 auto;
	width: 255px;
}

#fun-questions{
	margin: 0;
	padding: 0;
	position: relative;
	/*border: 4px solid #88b95a;*/
	width: 277px;
	height: 271px;
	background: #ffffff;
	overflow: hidden;
}

#fun-questions ul.question-set{
	margin: 0;
	padding: 0;
}

#fun-questions li.single-question{
	/*display: block;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 253px;
	height: 247px;
	padding: 12px;
	display: none;
}

#fun-questions span.single-question-img{
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 150px;
}

#fun-questions div.single-answer{
	position: absolute;
	top: 144px;
	width: 231px;
	background: #edf4e5;
	padding: 12px;
	text-align: center;
}

#fun-questions div.single-answer span{
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	color: #3a7b01;
	font-size: 13px;			
}

.replacement{
	display: block;
	overflow: hidden;	
	text-indent: -9999px;
}

#question1{
	width: 193px;
	height: 67px;
	background: url(../i/user-profile/profile-question1.jpg) 0 0 no-repeat;
	left: 42px;
}

#question2{
	width: 235px;
	height: 71px;
	background: url(../i/user-profile/profile-question2.jpg) 0 0 no-repeat;
	left: 25px;
}

#question3{
	width: 235px;
	height: 46px;
	background: url(../i/user-profile/profile-question3.jpg) 0 0 no-repeat;
	left: 24px;
}

#question4{
	width: 237px;
	height: 68px;
	background: url(../i/user-profile/profile-question4.jpg) 0 0 no-repeat;
	left: 24px;
}

#question5{
	width: 245px;
	height: 65px;
	background: url(../i/user-profile/profile-question5.jpg) 0 0 no-repeat;
	left: 18px;
}

ul.question-navigation{
	position: absolute;
	bottom: 8px;
	right: 10px;
}

li.question-nav-left{
	float: left;
	width: 22px;
	height: 22px;
	margin: 0 3px 0 0;
	background: url(../i/user-profile/profile-nav-left-off.gif) 0 0 no-repeat;
}

li.question-nav-right{
	float: left;
	width: 22px;
	height: 22px;
	background: url(../i/user-profile/profile-nav-right-off.gif) 0 0 no-repeat;
}

#fun-questions li.prev-on{
	background: url(../i/user-profile/profile-nav-left-on.gif) 0 0 no-repeat;
}

#fun-questions li.next-on{
	background: url(../i/user-profile/profile-nav-right-on.gif) 0 0 no-repeat;
}


/*THIS SECTION IS FOR THE TABBED MENUS CALLED FAVORITES, REVIEWS, ADDED SPOTS AND ADDED PHOTOS*/

#user-profile-tabs.ui-tabs .ui-tabs-panel
{
	padding-top: 10px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-item .tab-item-info .category
{
	margin-top: 15px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-item h3
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-top: 10px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel ul.wide .tab-item  .tab-item-content h3
{
	margin-top: 22px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-item p.location
{
	font-family: Arial, sans-serif;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .first
{
	padding-top: 0;
	background:transparent url(../i/account/bg_tab_item.gif) no-repeat scroll 99px 0;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel ul.wide .first
{
	padding-top: 0;
	background:transparent url(../i/account/bg_tab_item.gif) no-repeat scroll 187px 0;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel ul.wide .tab-item
{
	position: relative;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel ul.wide .tab-item  .remove-spot
{
	position: absolute;
	bottom: 0;
	left: 205px;
	color: #7b7b7b;
	font-size: 10px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel ul.wide .tab-item  .remove-spot a
{
	color: #D45001;
}


/*#user-profile-tabs.ui-tabs .ui-tabs-nav li a
{
	padding: 0.5em 0;
	width: 146px;
	text-align: center;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel
{
	padding: 20px 10px;
	width: 585px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-header h2
{
	text-indent: -10000px
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-item .tab-item-content 
{
	width: 460px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-item p.location
{
	clear: left;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel ul.wide .tab-item .tab-item-content 
{
	width: 372px;
}

#user-profile-tabs.ui-tabs .ui-tabs-panel .tab-item  .rating-status
{
	margin: 4px 0 0 0;
}

#user-profile-tabs.ui-tabs ul.ui-tabs-nav li a, #user-profile-tabs.ui-tabs ul.ui-tabs-nav li#added-photos a
{
	width: 146px;
}*/


/*------------------------------------SCRAP BOOK CSS----------------------------------------------------*/

.container_tabs_and_scrapbook
{
	width: 940px;
	padding: 0 10px;
	overflow: hidden;
}

.container_tabs_and_scrapbook div.left_side
{
	float: left;
	width: 620px;
}



#Scrapbook
{	
	display:inline;
	float: right;
	margin: 10px 0 0 0;
	overflow: hidden;
    width: 300px;
    
}    
    
#Scrapbook div.photo_and_link_theme1
{	
	background: url(../i/user-profile/pink_scrapbook_bg.gif) 0 0 no-repeat;
    height: 203px;
    width: 300px;
}    
    
    
#Scrapbook div.photo_and_link_theme2
{	
	background: url(../i/user-profile/red_scrapbook_bg.gif) 0 0 no-repeat;
    height: 203px;
    width: 300px;
}    
    
    
#Scrapbook div.photo_and_link_theme3
{	
	background: url(../i/user-profile/orange_scrapbook_bg.gif) 0 0 no-repeat;
    height: 203px;
    width: 300px;
}    
    
    
#Scrapbook div.photo_and_link_theme4
{	
	background: url(../i/user-profile/blue_scrapbook_bg.gif) 0 0 no-repeat;
    height: 203px;
    width: 300px;
}    
    
#Scrapbook div.photo_and_link_theme5
{	
	background: url(../i/user-profile/green_scrapbook_bg.gif) 0 0 no-repeat;
    height: 203px;
    width: 300px;
}    
        
    
         
    
#Scrapbook div.photo
{
    display: inline;
    float: left;
    height: 70px;
    margin: 83px 0 0 77px;
    width: 70px;
}  
    

#Scrapbook div.look_inside
{
    display: inline;
    float: right;
    height: 44px;
    margin: 130px 0 0 0;
    width: 106px;
}    
    

#Scrapbook div.look_inside a
{	
	border-bottom: 1px #d4d4d4 solid;
	border-top: 1px #d4d4d4 solid;
    color: #d45001;
    font-family: Trebuchet MS,Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    
}   

#see-more
{
    background-color: #f2f2f2;
    padding: 4px 8px 4px 0;
    width: 274px;
}

#see-more a
{
    float: right;
    font-weight: bold;
}

#see-more a span.more
{
    display: inline;
}
    
div.members_container
{   
    background-color: #E8E8E8;
    padding: 10px 0 5px 0;
    width: 300px;
}    


div.members_container div.white_bg
{   
    background: #fff;
    margin: 0 auto 0 auto;
    overflow: hidden;
    padding: 3px 0 0 0;
    width: 282px;
}    

div.white_bg h1
{   
    background: url(../_res/i/user-profile/header_bg.gif) 0 0 no-repeat;
    color: #fff;
    font-family: Avenir Roman,Arial,Sans-Serif;
    font-size: 13px;
	line-height: 13px;
    font-weight: normal;
    height: 29px;
    margin: 0 auto 0 auto;
    padding: 8px 0 0 13px;
    width: 263px;
}

div.white_bg div.member
{
    display: none;
    border-bottom: solid 1px #919191;
    overflow: hidden;
    padding: 10px 0;
    width: 282px;
}
    
div.white_bg div.member div.image
{   
    background: url(../i/user-profile/photo_bg.gif) 0 0 no-repeat;
    display: inline;
    float: left;
    height: 66px;
    margin: 0 0 0 10px;
    padding: 7px 0 0 7px;
    width: 54px;
}   

div.white_bg div.member div.image img
{
    border: 1px solid #fff;
}
    
div.white_bg div.member div.details
{
    display: inline;
    float: right;
    width: 201px;
}     
    

div.white_bg div.member div.details dl
{
    margin: 0;
    padding: 0;
}     
        
    
div.white_bg div.member div.details dl dt
{   
    margin: 0;
    padding: 0;
}      

div.white_bg div.member div.details dl dd
{   
    color: #404040;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-size: 10px;
	line-height: 10px;
    font-style: italic;
    margin: 0;
    padding: 0;
}   

div.white_bg div.member div.details dl dd.links
{   
    margin: 10px 0 0 0;
}

div.white_bg div.member div.details dl dd.links ul
{
    margin: 0px;
    padding: 0px;   
}


div.white_bg div.member div.details dl dd.links ul li
{   
    border-left: 1px solid #444444;
    display: inline;
    float: left;
    margin: 0;
    padding: 0px 3px 0 3px;   
}

div.white_bg div.member div.details dl dd.links ul li.first
{   
    border-left: 0;
    padding-left: 0;
}


div.white_bg div.member div.details dl dd.links ul li a
{   
   color: #d45001;
   font-family: arial, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
}


div.white_bg div.member div.details dl dt a
{   
    color: #2948ac;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}  
    
    
div.invite_friend
{
    background: #fff;
    margin: 15px auto 5px auto;
    overflow: hidden;
    padding: 3px 0 3px 0;
    text-align: center;
    width: 282px;
}

div.invite_friend a
{
	display: block;
	height: 58px;
	width: 100%;
	margin: 0;
	padding: 0;
}