/*
---------------------------------------------------------------------------------------------------
html + body
---------------------------------------------------------------------------------------------------
*/

html { height:100%; }

body
{
	height:100%;
	padding:0px; margin:0px;
	direction:ltr;
	font-family:'Lucida Grande', Tahoma, Arial, Sans-Serif;
	font-size:11px; color:#989895;
	background:#000000;
}

body.subpage { background:#0f0f0f; }

/*
---------------------------------------------------------------------------------------------------
settings text
---------------------------------------------------------------------------------------------------
*/

h2 { font-size:15px; line-height:18px; margin:14px 0px; color:#feaa1e; }
p { font-size:11px; line-height:14px; margin:14px 0px }
p.success { color:#c4e42a; }
p.error { color:#ea1d21; }

ul { margin:14px 0px; padding-left:0px; }
li { list-style:none; }
li.liArrow { list-style:none; padding-left:12px; background:url(../images_style/li_arrow_white.gif) 0px 3px no-repeat; }

strong { color:#ffffff; }

/*
---------------------------------------------------------------------------------------------------
settings links
---------------------------------------------------------------------------------------------------
*/

a:link,
a:visited { text-decoration:none; color:#feaa1e; }
a:hover	{ text-decoration:none; color:#ffffff; }

a.tinylink { font-size:9px; }

a img { border:0px; }

/*
---------------------------------------------------------------------------------------------------
forms
---------------------------------------------------------------------------------------------------
*/

form { margin:0px; padding:0px; }
fieldset { margin:0px; padding:0px; border:0px none; }

input { font-size:11px; color:#989895; font-family:'Lucida Grande', Tahoma, Arial, Sans-Serif; }
input.text { border:0px none; }
input.password { border:0px none; }

/*
---------------------------------------------------------------------------------------------------
content
---------------------------------------------------------------------------------------------------
*/

.UILandingPageContent { background:#0f0f0f; }
.UILandingPageHeader { width:990px; margin:0px auto; background:url(../images_style/uilandingpageheader_bg.jpg) left bottom no-repeat; }
.UILandingPageWidget { width:990px; margin:0px auto; background:url(../images_style/uilandingpagewidget_bg.jpg) no-repeat; }

.UISubPageContent { width:990px; margin:0px auto; }

.UIHeaderNav { height:28px; padding:40px 5px 0px 5px; text-align:right; line-height:28px; }
.UIHeaderNav ul { display:block; padding:0px; margin:0px; float:right; }
.UIHeaderNav li { display:block; list-style:none; margin:0px 0px 0px 12px; float:left; }
.UIHeaderNav li a.comingsoon { display:block; margin-top:6px; width:116px; height:16px; background:url(../images_style/btn_header_comingsoon.gif) no-repeat; }
.UIHeaderNav li a.comingsoon:hover { background-position:0px -20px; }
.UIHeaderNav li a.comingsoon span { display:none; }
.UIHeaderNav li a.whatsnew { display:block; margin-top:6px; width:116px; height:16px; background:url(../images_style/btn_header_whatsnew.gif) no-repeat; }
.UIHeaderNav li a.whatsnew:hover { background-position:0px -20px; }
.UIHeaderNav li a.whatsnew span { display:none; }
.UIHeaderNav li a.login { display:block; margin-top:6px; width:80px; height:16px; background:url(../images_style/btn_header_login.gif) no-repeat; }
.UIHeaderNav li a.login:hover { background-position:0px -20px; }
.UIHeaderNav li a.login span { display:none; }
.UIHeaderNav li a.logout { display:block; margin-top:6px; width:80px; height:16px; background:url(../images_style/btn_header_logout.gif) no-repeat; }
.UIHeaderNav li a.logout:hover { background-position:0px -20px; }
.UIHeaderNav li a.logout span { display:none; }

.UIHeaderLogo { height:63px; }
.UIHeaderLogo .logoBox { padding:6px 0px 0px 19px }
.UIHeaderLogo .logoBox a.logo { display:block; width:370px; height:35px; background:url(../images_style/hey-people_logo_rvc.gif) no-repeat; }
.UIHeaderLogo .logoBox a.logo span { display:none; }

.UILogin { }
.UILogin form { float:right; }
.UILogin .loginError { color:#ea1d21; font-weight:bold; padding-right:5px; }
.UILogin .labelNickname { color:#FFF; padding-right:5px; }
.UILogin .labelPassword { color:#FFF; padding-left:5px; padding-right:5px; }
.UILogin input.text { width:116px; color:#0f0f0f; }
.UILogin input.password { width:116px; color:#0f0f0f; }
.UILogin input.loginSubmit { width:80px; color:#FFF; margin:0px 5px; border:0px none; font-weight:bold; background:url(../images_style/btn_form_login_arrow.gif) no-repeat; }

.UILoggedIn { text-align:right; }



.UIWidgetBox { width:990px; height:423px; overflow:hidden; }


.UISignUp span.label { line-height:20px; } 
.UISignUp input.signupSubmit { width:80px; color:#FFF; font-weight:bold; border:0px none; background:url(../images_style/btn_form_submit.gif) no-repeat; }
.UISignUp input.text { width:116px; color:#0f0f0f; }
.UISignUp input.password { width:116px; color:#0f0f0f; }

.UIFooterBox { width:990px; margin:0px auto; }
.UIFooterBox .textLandingPage { width:990px; height:224px; overflow:hidden; background:url(../images_content/text_landingpage_footer.gif) no-repeat; }
.UIFooterBox .textLandingPage .text { display:none; }

.UIFooterColLeft { width:400px; margin-left:15px; padding-top:6px; float:left; }
.UIFooterColRight { width:525px; margin-right:15px; padding-top:6px; float:right; }

h2.footerHeadline { display:block; height:18px; }
h2.footerHeadline span { display:none }
h2.footerHeadline.fhHeyPeople { background:url(../images_style/h_footer_heypeople.gif) no-repeat; }
h2.footerHeadline.fhTermsOfUse { background:url(../images_style/h_footer_termsofuse.gif) no-repeat; }
h2.footerHeadline.fhShare { background:url(../images_style/h_footer_share.gif) no-repeat; }
h2.footerHeadline.fhFeedback { background:url(../images_style/h_footer_feedback.gif) no-repeat; }
h2.footerHeadline.fhQuestions { background:url(../images_style/h_footer_questions.gif) no-repeat; }
h2.footerHeadline.fhFans { background:url(../images_style/h_footer_fans.gif) no-repeat; }






.UIContentBox { margin-bottom:20px; }


.UISocialLinks {} 
.UISocialLinks ul { display:block; height:16px; }
.UISocialLinks ul li { display:block; height:16px; float:left; }
.UISocialLinks ul li a { line-height:16px; }
.UISocialLinks ul li a span { line-height:16px; padding:1px 10px 2px 22px; }
.UISocialLinks ul li a span.facebook { background:url(../images_style/icon_facebook.png) 0px 0px no-repeat; }
.UISocialLinks ul li a span.myspace { background:url(../images_style/icon_myspace.png) 0px 0px no-repeat; }
.UISocialLinks ul li a span.digg { background:url(../images_style/icon_digg.png) 0px 0px no-repeat; }
.UISocialLinks ul li a span.delicious { background:url(../images_style/icon_delicious.png) 0px 0px no-repeat; }
.UISocialLinks ul li a span.twitter { background:url(../images_style/icon_twitter.png) 0px 0px no-repeat; }
.UISocialLinks ul li a span.more { background:url(../images_style/icon_sociallinks_more.gif) 0px 0px no-repeat; }


.UIBoxSocialLinks { width:525px; background:#31302b }
.UIBoxSocialLinks .boxSocialLinksTop { width:525px; height:5px; background:#31302b url(../images_style/uiboxsociallinks_top.gif) no-repeat; }
.UIBoxSocialLinks .boxSocialLinksContent { padding:0px 8px; background:#31302b; color:#31302c; }
.UIBoxSocialLinks .boxSocialLinksBottom { width:525px; height:5px; background:#31302b url(../images_style/uiboxsociallinks_bottom.gif) no-repeat; }

.UIBoxSocialLinks ul { margin:0px; }
.UIBoxSocialLinks ul li { display:block; height:16px; margin:3px 0px; float:left; }
.UIBoxSocialLinks ul li a { line-height:16px; }
.UIBoxSocialLinks ul li a span { line-height:16px; padding:1px 10px 2px 22px; }
.UIBoxSocialLinks ul li a span.studivz { background:url(../images_style/icon_studivz.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.meinvz { background:url(../images_style/icon_meinvz.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.google { background:url(../images_style/icon_google.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.misterwong { background:url(../images_style/icon_misterwong.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.newsvine { background:url(../images_style/icon_newsvine.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.stumbleupon { background:url(../images_style/icon_stumbleupon.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.blogger { background:url(../images_style/icon_blogger.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.orkut { background:url(../images_style/icon_orkut.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.tumblr { background:url(../images_style/icon_tumblr.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.folkd { background:url(../images_style/icon_folkd.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.reddit { background:url(../images_style/icon_reddit.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.windowslive { background:url(../images_style/icon_windowslive.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.yahoo { background:url(../images_style/icon_yahoo.png) 0px 0px no-repeat; }
.UIBoxSocialLinks ul li a span.yigg { background:url(../images_style/icon_yigg.png) 0px 0px no-repeat; }


h2.pageHeadline { display:block; height:18px; }
h2.pageHeadline span { display:none }
h2.pageHeadline.phSignup { background:url(../images_style/h_page_signup.gif) no-repeat; }
h2.pageHeadline.phAbout { background:url(../images_style/h_page_about.gif) no-repeat; }
h2.pageHeadline.phContacts { background:url(../images_style/h_page_contacts.gif) no-repeat; }
h2.pageHeadline.phComingSoon { background:url(../images_style/h_page_comingsoon.gif) no-repeat; }
h2.pageHeadline.phWhatsNew { background:url(../images_style/h_page_whatsnew.gif) no-repeat; }



.UIText { padding:5px 20px; }
.UIText .shortText { width:250px; }

h1.about { display:block; height:20px; margin:0px; background:url(../images_style/h_about.gif) no-repeat; }
h1.about span { display:none; }

h1.contacts { display:block; height:20px; margin:0px; background:url(../images_style/h_contacts.gif) no-repeat; }
h1.contacts span { display:none; }

h1.comingsoon { display:block; height:20px; margin:0px; background:url(../images_style/h_comingsoon.gif) no-repeat; }
h1.comingsoon span { display:none; }


p.wnfriendship { display:block; width:150px; height:30px; margin:0px; background:url(../images_style/etikette_friendship.gif) no-repeat; }
p.wnfriendship span { display:none; }

p.wnblacklist { display:block; width:150px; height:30px; margin:0px; background:url(../images_style/etikette_blacklist.gif) no-repeat; }
p.wnblacklist span { display:none; }

p.wnmyinterests { display:block; width:150px; height:30px; margin:0px; background:url(../images_style/etikette_myinterests.gif) no-repeat; }
p.wnmyinterests span { display:none; }

p.wnmessages{ display:block; width:150px; height:30px; margin:0px; background:url(../images_style/etikette_messages.gif) no-repeat; }
p.wnmessages span { display:none; }


a.buttonFacebook { display:block; width:221px; height:30px; background:url(../images_style/btn_link_facebook.gif) no-repeat; }
a.buttonFacebook span { display:none; }

/*
---------------------------------------------------------------------------------------------------
misc
---------------------------------------------------------------------------------------------------
*/

.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:0; font-size:0; overflow:hidden; }
.hidden { display:none }