/*******************************************************************************
MEMBER PAGE
******************************************************************************/
#rateThisHotel #controls .submitRating a
{
    float: left;
}

#memberpagecontent
{
	float:left;
	width: 500px;
	padding-top: 20px;
	padding-left: 40px;
}

#memberpageshim
{
	float:left;
	width: 100%;
	height: 100px;
}

#welcomeheader
{
	float: left;
	width:500px;
}

#welcomeheader h1
{
	font-size: 18px; 
	font-weight: bold; 
	color: #ff9d19;
	margin-left: 0;
	margin-right:0;
}

#welcomeheader h2
{
	margin-top: 15px;
	font-size: 16px;
	color: #696969;
}

#welcomeheader h3
{
	color: #838383;
	font-size:12px;
}

#friendsummary
{
    margin-top: 10px;
    margin-bottom: 20px;
 	text-align: left;
 	float: left;
 	width:500px;

}

#friendsummary h2
{
	font-size: 14px;
	font-weight: bold;
	color: #696969;
}

#friendsummary h3
{
    font-size: 12px;
    font-weight: bold;
    color: #696969;
}

#friendsummary .important
{
	font-size: 14px;
	color: #414141;
}

#friendsummary .invitetext
{
	height: 40px;
	float: left;
	display: block;
	padding-top: 12px;
	padding-left:50px;
	color: #696969;
}

#friendsummary .invitetextnofriends
{
	height: 40px;
	float: left;
	display: block;
	padding-top: 12px;
	padding-left:94px;
	color: #696969;
}

#memberpagecontent #tabs
{
    padding-top: 10px;
    height: 40px;
    width: 480px;
    float: left;
    padding-bottom: 10px;
}

#memberpagecontent #tabs .text
{
    padding-top: 10px;
    display: block;
}

#memberpagecontent #tabs .tabslice
{
    width: 20px;
    height: 100%;
	float: left;
	border-bottom-style: solid;
	border-color: #A8A8A8;
	border-width: 1px;
	background-image: url(/images/memberpage/bg-slice.png);
	background-repeat: repeat-x;
}

#memberpagecontent #tabs #your-friends-tab
{
    width: 218px;
    height: 100%;
    text-align: center;
	float: left;
}

#memberpagecontent #tabs #your-friends-tab img
{
    margin-right: 7px;
}

#memberpagecontent #tabs .selected
{
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #A8A8A8;
	border-width: 1px;
	font-size: 16px;
	color: #4F4F4F;
	font-weight: bold;
}

#memberpagecontent #tabs .notselected
{
    border-bottom-style: solid;
	border-color: #A8A8A8;
	border-width: 1px;
    font-size: 16px;
    color: #0051AE;
    font-weight: bold;
    background-image: url(/images/memberpage/bg-slice.png);
	background-repeat: repeat-x;
}

#memberpagecontent #tabs #your-hotel-ratings-tab
{
    width: 218px;
    height: 100%;
    text-align: center;
	float: left;
}

#memberpagecontent #tabs #your-hotel-ratings-tab-text
{
    display: block;
    padding-top: 10px;
}

#nofriendusers
{
	text-align: center;
}

#memberpagesidebar
{
	float: right;
	width: 195px;
	height: 600px;
}

#accountsettings
{
	padding-top: 80px;
	padding-right: 20px;
	float: right;
	width: 100%;
}

#accountsettings #accountsettingsheader
{
	background-image: url(/images/memberpage/header_bg.png);
	background-repeat: no-repeat;
	height: 30px;
	color: #FFFFFF;
}

#accountsettings #accountsettingsheadertext
{
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
}

#accountsettings #accountsettingscontent
{
	height: 100px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid; 
	border-width: 1px;
	border-color: #c7c7c7;
	padding-left: 10px;
	padding-top: 10px;
	color: #a8a8a8;
    background: #fff url(/images/hotelicopter/background/sidebar-box-bg.png) repeat-x bottom left;
}

#accountsettings #accountsettingscontent .profilelink
{
	padding-left: 5px;
}

#accountsettings #accountsettingscontent p
{
	color: #4f4f4f;
}

#accountsettings #accountsettingscontent h3
{
	font-weight: bold;
	color: #696969;
}

#accountsettings #accountsettingscontent #emailpermission
{
	padding-top: 5px;
}

#invitefriends .header
{
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    color: #FF9D19;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

#invitefriends #invite-friend-button
{
    margin-top:10px;
    background: transparent url(/images/memberpage/invite-friends-button.png) no-repeat scroll 0 -52px;
	border: none;
	height: 26px;
	width: 134px;
	display: inline-block;
	text-indent: -9999px;
    text-align: left;
    overflow: hidden;
}

#invitefriends #invite-friend-button:hover
{
    background-position: 0 -26px;
}

#invitefriends #invite-friend-button:active
{
    background-position: 0 -0px;
}

#invitecontent{
    padding:10px 15px 20px;
}

#tabpage
{
	float:left;
	width:480px;
}

#tabpage .snarky-comment
{
    width: 100%;
    font-size: 16px;
    color: #FF9D19;
    text-align: center;
    padding-top: 50px;
}

#tabpage .sorting-info
{
    float: right;
    font-size: 10px;
    color: #696969;
    padding-right: 55px;
    padding-bottom: 15px;
}

#tabpage .separator
{
    width: 100%;
    height: 6px;
    margin-top: 15px;
    background-image: url(/images/memberpage/separator_bg_slice.png);
    background-repeat: repeat-x;
    float: left;
}

#tabpage .separator-bottom
{
    width: 100%;
    height: 20px;
    margin-top: 15px;
    background-image: url(/images/memberpage/gradient_gry_a.png);
    background-repeat: repeat-x;
    float: left;
}

#tabpage .usercard
{
	width: 100%;
	height: 60px;
	float: left;
	padding-top: 10px;
}

#tabpage .usercard .rating-summary-info
{
    float: right;
    width: 200px;
    height: 100%;
	margin-top: 11px;
	text-align: center;
}

#tabpage .usercard .rating-summary-info .rating-summary-details
{
    width: 100%;
    height: 35px;
    padding-top: 5px;
    background-image: url(/images/memberpage/Gradient-gry-216x20-n.png);
    background-repeat: no-repeat;
    background-position: 0px 15px;
}

#tabpage .usercard .rating-summary-info .rating-summary-details .innertext
{
    color: #696969;
}
#tabpage .usercard .rating-summary-info .rating-summary-details .innertextnone
{
    color: #C7C7C7;
}

#tabpage .usercard .rating-summary-info .ratings-count
{
    font-weight: bold;
    font-size: 16px;
    color: #4F4F4F;
}

#tabpage .usercard .rating-summary-info .ratings-nocount
{
    font-weight: bold;
    font-size: 16px;
    color: #C7C7C7;
}

#tabpage .usercardinfo
{
	float:left;
	width:200px;
	margin-top: 11px;
}

#tabpage .usercardinfo h2
{
	font-size:14px;
	font-weight: bold;
	color: #4F4F4F;
}

#tabpage .usercardinfo p
{
	margin-top: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #696969;
}

#tabpage .usercard img
{
	padding: 1px;
	border:1px solid #c7c7c7;
	width:50px;
	height:50px;
}

#tabpage .usercard .usercardphoto
{
	width:75px;
	float:left;
}

#tabpage .ratingcard
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#tabpage .ratingcard .top
{
    background-image: url(/images/memberpage/RatingCard-bubble-top-rt.gif);   
    height: 20px;
    width: 483px;
    float: left;
}

#tabpage .ratingcard .middle
{
    background-image: url(/images/memberpage/RatingCard-bubble-mid.gif);
    width: 483px;
    float: left;
}

#tabpage .ratingcard .bottom
{
    background-image: url(/images/memberpage/RatingCard-bubble-bot.gif);
    height: 10px;
    width: 483px;
    float: left;
}

#tabpage .ratingcard .top-edit-enabled
{
    background-image: url(/images/memberpage/RatingCard-bubble-editMode-top.gif);   
    height: 20px;
    width: 483px;
    float: left;
}

#tabpage .ratingcard .middle-edit-enabled
{
    background-image: url(/images/memberpage/RatingCard-bubble-editMode-mid.gif);
    width: 483px;
    float: left;
}

#tabpage .ratingcard .bottom-edit-enabled
{
    background-image: url(/images/memberpage/RatingCard-bubble-editMode-bot.gif);
    height: 10px;
    width: 483px;
    float: left;
}

#tabpage .ratingcard .bubbleon
{
	background-image: url(/images/hotelicopter/ratings/Meta-rating-orange-10x10.gif);
	background-repeat: no-repeat;
	width: 12px;
	height: 15px;
	float: left;
    margin-top: 2px;
}

#tabpage .ratingcard .bubbleoff
{
	background-image: url(/images/hotelicopter/ratings/Meta-rating-grey-10x10.gif);
	background-repeat: no-repeat;
	width: 12px;
	height: 15px;
	float: left;
    margin-top: 2px;
}

#tabpage .ratingcard .summary
{
    border-style: none;
    color: #696969;
    overflow: hidden;
}

#tabpage .ratingcard .summaryedit
{
    border-style: none;
    color: #696969;
    height: 80px;
    float: left;
    position: relative;
}

#tabpage .ratingcard .summaryedit textarea
{
    width: 391px;
    height: 70px;
    border-style: inset;
    border-width: 2px;
    border-color: #C7C7C7;
    color: #696969;
    margin-left: 60px;
}

#tabpage .ratingcard .actions
{
    width: 100%;
    height: 30px;
    float: left;
}

#tabpage .ratingcard .actions-edit-mode
{
    height: 50px;
}

#tabpage .ratingcard .actions .line
{
    width: 325px;
    float: left;
    display: inline;
    padding-top: 8px;
    padding-right: 5px;
}

#tabpage .ratingcard .actions .line hr
{
    color: #E6E6E6;
    background-color: #E6E6E6;
    width: 325px;
}

#tabpage .ratingcard .actions .deleteconfirm
{
    text-align: left;
    float: left;
    width: 100%;
    padding-top: 5px;
}

#tabpage .ratingcard .actions .deleteconfirm a
{
    float: none;
}

#tabpage .ratingcard .actions .edit-rating-button
{
    float: left;
    width: 70px;
}

#tabpage .ratingcard .actions .edit-rating-button a
{
    background: transparent url(/images/hotelicopter/ratings/Orng-sml-editRating.gif) no-repeat scroll 0 -16px;
	border: none;
	height: 16px;
	width: 70px;
	display: block;
	text-indent: -9999px;
    text-align: left;
    overflow: hidden;
}

#tabpage .ratingcard .actions .edit-rating-button a:hover
{
    background-position: 0 -32px;
}

#tabpage .ratingcard .actions .edit-rating-button a:active
{
    background-position: 0 -0px;
}

#tabpage .ratingcard .actions .save-rating-button
{
    float: left;
    width: 90px;
}

#tabpage .ratingcard .actions .save-rating-button a
{
    background: transparent url(/images/hotelicopter/ratings/Orng-sml-saveChanges.gif) no-repeat scroll 0 -16px;
    border: none;
	height: 16px;
	width: 90px;
	display: block;
	text-indent: -9999px;
    text-align: left;
    overflow: hidden;
}

#tabpage .ratingcard .actions .save-rating-button a:hover
{
    background-position: 0 -32px;
}

#tabpage .ratingcard .actions .save-rating-button a:active
{
    background-position: 0 -0px;
}

#tabpage .ratingcard .actions .save-rating-button-disabled
{
    background: transparent url(/images/hotelicopter/ratings/Grey-sml-saveChanges.gif) no-repeat;
    height: 16px;
    width: 90px;
    float: left;
}

#tabpage .friendratingcard
{
    width: 100%;
	float: left;
	padding-top: 5px;
}

#tabpage .friendratingcard .top
{
    background-image: url(/images/memberpage/RatingCard-bubble-top-lft.gif);
    height: 20px;
    width: 483px;
    float: left;
}

#tabpage .friendratingcard .middle
{
    background-image: url(/images/memberpage/RatingCard-bubble-mid.gif);
    width: 483px;
    float: left;
}

#tabpage .friendratingcard .bottom
{
    background-image: url(/images/memberpage/RatingCard-bubble-bot.gif);
    height: 10px;
    width: 483px;
    float: left;
}

#tabpage .rating-content-header
{
    width: 100%;
    height: 40px;
    padding-top: 7px;
    float: left;
}

#tabpage .rating-content-header .hotelStars
{
    float: right;
    margin-right: 20px;
    height: 15px;
}

#tabpage .rating-content-header .hotelStars img
{
    height: 14px;
    width: 14px;
    border-style: none;
    margin: 0;
    padding: 0;
}

#tabpage .rating-content-header img
{
    margin-left: 17px;
    float: left;
    height: 35px;
    width: 35px;
    border:1px solid #C7C7C7;
    padding:2px;
}

#tabpage .rating-content-header h2
{
    color: #4F4F4F;
    font-weight: bold;
    font-size: 12px;
    float: left;
    display: inline;
    margin-left: 10px;
    width: 300px;
}

#tabpage .rating-content-header .location-info
{
    display: block;
    color: #696969;
    font-size: 11px;
    float: left;
    width: 400px;
    margin-left: 10px;
}

#tabpage .rating-content h3
{
    color: #4F4F4F;
    font-weight: bold;
    font-size: 10px;
    display: inline;
    float: left;
}

#tabpage .rating-content
{
    width: 100%;
    height: 30px;
    margin-left: 70px;
    margin-top: 10px;
    float: left;
}

#tabpage .rating-blurb
{
    font-weight: bold;
    color: #FF9D19;
    margin-left: 10px;
    font-size: 12px;
    float: left;
}

#tabpage .clearbutton
{
	width: 12px;
	height: 15px;
	float: left;
	padding-left: 10px;
}

#tabpage .clearbutton a
{
	background: transparent url(/images/hotelicopter/ratings/User-rating-clear-sml.png) no-repeat scroll 0 -12px;
	border 0 none;
	height: 12px;
	width: 12px;
	display: block;
	text-indent: -9999px;
	text-align: left;
}

#tabpage .clearbutton a:hover
{
	background-position: 0 -24px;
}

#tabpage .clearbutton a:active
{
	background-position: 0 -0px;
}

#tabpage .ratingbubbles
{
    display: inline;
    float: left;
    margin-left: 12px;
    height: 10px;
    width: 65px;
}

#tabpage .summary
{
    width: 400px;
    margin-left: 70px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
    overflow: hidden;
    float: left;
}

#tabpage .summary p
{
    color: #696969;
}

#tabpage .actions
{
    width: 400px;
    height: 15px;
    text-align: right;
    margin-left: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    float: left;
}

#tabpage .actions a
{
    float: right;
}

#tabpage .actions .edit-actions
{
    float: left;
    width: 305px;
    text-align: left;
}

#tabpage .actions .edit-actions a
{
    float: none;
}

#tabpage .actions .important
{
    font-weight: bold;
    color: #4F4F4F;
    float: right;
}

#tabpage .actions .your-rating
{
    float:right;
    width: 225px;
}

#tabpage .actions .your-rating .important
{
    float: left;
}


#tabpage .actions .add-rating
{
    float: right;
    width: 180px;
}

#tabpage .actions .add-rating .important
{
    float: left;
}

#tabpage .actions .add-rating a
{
    z-index: 1;
}

#tabpage .actions .rateThisHotelContainer
{
    height: 250px;
    width: 250px;
    left: 0;
    top: 0;
    margin-left: 300px;
    margin-top: 24px;
    position: absolute;
    z-index: 99;
}

#tabpage #pagenumbers
{
    width: 100%;
    clear: both;
    float: left;
    text-align: right;
    padding-top: 25px;
}

.membersidebox
{
	float: right;
	width: 100%;
	padding-top: 20px;
	padding-right: 20px;
	text-align: center;
}

.membersidebox .membersideboxcontent
{
	border: solid 1px #c7c7c7;
	padding: 10px 10px 20px;
	color: #4f4f4f;
    background: #fff url(/images/hotelicopter/background/sidebar-box-bg.png) repeat-x bottom left;
}

#memberpagesidebar h1
{
	color: #ff9d19;
	font-size: 14px;
}

.membersidebox .membersideboxcontent p
{
	padding-top: 10px;
	color: #4f4f4f;
}

.membersidebox .membersideboxcontent a.contactbutton
{
	background: transparent url(/images/hotelicopter/button/orng-secondary-134x29.png) no-repeat scroll 0 -52px;
	border:0px;
	width: 134px;
	height: 20px;
	padding-top: 6px;
	display: inline-block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	margin-top:10px;
}

.membersidebox .membersideboxcontent a.contactbutton:hover
{
	background-position: 0 -26px;
}

.membersidebox .membersideboxcontent a.contactbutton:active
{
	background-position: 0px 0px;
}

.membersidebox .membersideboxcontent

#invitefriendscontainer
{ 
	width: 700px; 
	height:1000px;
}

/*******************************************************************************
END MEMBER PAGE
******************************************************************************/