/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
padding:0;
margin:0;
text-align:center;
min-width:777px;/* for mozilla*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: center; /* for IE */
}
#outer{
height:100%;
min-height:100%;
width:777px;
text-align:left;
margin:auto;
position:relative;
left:0px;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
float:left;
width:777px;
}
#header{
position:absolute;
top:0;
left:0px;
left:0px;
width:777px;
overflow:visible;
z-index:100;
}
#sitename{
display:none;
position:absolute;
}
#top_menu{
position:relative;
top:0px;
}
#left {
position:relative;/*ie needs this to show float */
width:175px;
float:left;
/*left:12px;*/
padding-left:0px;
padding-top:150px;/*72*//*needed to make room for header*/
padding-bottom:15px;/* needed to make room for footer */
}
*html #left{
width:170px;
}
#right {
display:none;
position:relative;/*ie needs this to show float */
width:120px;
float:right;
padding-top:150px;/*72*//*needed to make room for header*/
padding-bottom:15px;/* needed to make room for footer */
}

#footer {
width:777px;
clear:both;
height:15px;
left:0;
bottom:0;
position: absolute;
padding-right:10px;
}
#footer SPAN{
padding-left:30px;
}
#footer SPAN.orange{
padding:0;
}

* html #footer {/*only ie gets this style*/
\height:17px;/* for ie5 */
he\ight:15px;/* for ie6 */
}
#centrecontent {
float:right;
margin-right:2px;
padding-top:150px; /*74*/
padding-bottom:15px;/* needed to make room for footer */
overflow:hidden;
}

#clearfooter {width:100%;height:15px;clear:both} /* to clear footer */

#footer_buttons{display:none;}

/**********************************************************************/

.pointerwrapper{
overflow:visible;
width:99%;
height:20px;
margin: 1px 0px 1px 0px;
}
.pointer{
text-align:left;
float:left;
display:block;
width:70%;
}
.imgsize{
float:right;
}
.new_messages{
position:absolute;
float:left;
z-index:1000;
}
.new_messages A{color:white;text-decoration:none;}
.new_messages A:Link{color:white;text-decoration:none;}
.new_messages A:Visited{color:white;text-decoration:none;}
.new_messages A:Hover{color:white;text-decoration:underline;}

.login{
position:absolute;
}

/**********************************************************************/
.friends{
text-align:center;
overflow:auto;
height:100%;
}
.imgcontainer{
width:598px;
text-align:center;
overflow:auto;
}
.image80{
display:block;
float:left;
text-align:center;
width:98px;
height:87px;
margin-right:1px;
}
.image80 A{
width:80px;
height:60px;
display:block;
margin:8px 0 0 9px;
}
*html .image80 A{
margin-left:3px;
}

.image96{
display:block;
float:left;
text-align:center;
width:116px;
height:91px;
margin-right:2px;
}
.image96 A{
width:96px;
height:64px;
display:block;
margin:9px 0 0 9px;
}
*html .image96 A{
margin-left:3px;
}

.image120{
display:block;
float:left;
/*text-align:center;*/
width:142px;
height:107px;
margin-right:5px;
}
.image120 A{
width:120px;
height:80px;
display:block;
margin:9px 0 0 9px;
}
*html .image120 A{
margin-left:3px;
}
.image80 A SPAN, .image96 A SPAN, .image120 A SPAN{
font-size:11px;
text-decoration:none;
display:block;
float:left;
position:relative;
width:100%;
height:15px;
}

.image80 IMG{position:relative; top:-14px;} *html .imgcontainer .image80 IMG{top:-15px;}
.image96 IMG{position:relative; top:-15px;}*html .imgcontainer .image96 IMG{top:-16px;}
.image120 IMG{position:relative; top:-15px;}*html .imgcontainer .image120 IMG{top:-16px;}
.image80 A SPAN{ top:60px; }
.image96 A SPAN{ top:64px; }
.image120 A SPAN{ top:80px; }

.friends .image80{
background:none;
width:80px;
height:83px;
margin:0 0 0 3px;
}
*html .friends .image80{
margin:0 0 0 2px;
}
.friends .image80 A{
margin:0 0 0 0;
}
.friends .image80 A:Link{color:#000;}
.friends .image80 A:Hover{color:#fb9b05;}
.friends .image80 A SPAN{top:63px;}
.friends .image80 IMG{border:1px solid #fb9b05;}

/**********************************************************************/
.menu_level_2 UL{
list-style:none;
margin:0;
padding:0;
margin-left:1px;

}
.menu_level_2 LI IMG {
vertical-align:bottom;
}
.menu_level_2 UL LI UL {
padding:0px;
margin:0px;
}

/**********************************************************************/
.profile_info{
height:140px;
position:relative;
}
.profile_image{
text-align:center;
height:100px;
}
.online_offline IMG{
border:none;
}
.profile_text{
margin-top:13px;
padding-left:20px;
padding-right:20px;
}
.age, .gender{float:right;}
.nickname, .city{float:left;}

/**********************************************************************/
.profile_homepage{
height:474px;
padding-left:8px;
margin-bottom:10px;
}
.info{
margin-top:18px;
width:50%;
float:left;
height:370px;
display:block;
padding-right:9px;
}
.info_title{
margin-top:3px;
font-weight:bold;
font-size:14px;
display:block;
}
.aboutme{
margin-top:30px;
}
.pictures{
text-align:center;
width:48%;
float:left;
}
.pictures IMG{
max-height:215px;
max-width:280px;
}
*html .pictures IMG{
/*height: expression(this.height > 210 ? 210: true)*/
height: expression(this.height>this.width && this.height > 200 ? 200: true);
width: expression(this.width>this.height && this.width > 280 ? 280: true);
}
.bigimg{
height:215px;
margin-bottom:9px;
}
.picturescroller{
clear:both;
margin-left:20px;
padding-top:13px;
}
*html .picturescroller{
padding-top:15px;
}
.picturescroller IMG{
width:109px;
}

.lastblogs{
font-size:9px;
margin-top:40px;
height:127px;
overflow:hidden;
}
.lastblogs SPAN.title{
font-size:12px;
font-weight:bold;
display:block;
}
.lastblogs .blog{
padding:4px;
text-align:left;
overflow:auto;
}
*html .lastblogs .blog{
height:40px;
}
.lastblogs SPAN.date{
float:left;
}
.lastblogs SPAN.leesmeer{
float:right;
}
.lastblogs SPAN.leesmeer, .lastblogs SPAN.leesmeer A, .lastblogs SPAN.leesmeer A:link{
font-size:9px;
margin-top:0;
}

/**********************************************************************/
DIV.reaction{
margin-bottom:8px;
min-height:100px;
overflow:auto;
padding:0px;
}
*html DIV.reaction{height:100%;}
DIV.reaction_user_info{
width:105px;
float:left;
margin:0%;
padding:13px 0 0 14px;
}
DIV.reaction_body{
margin-left:115px;
padding-right:15px;
}
DIV.reaction_header{
height:29px;
text-align:right;
padding:4px 12px 0px 0px;
margin-left:105px;
}
*html DIV.reaction_header{
padding-right:10px;
}
DIV.reaction_footer{
height:25px;
clear:both;
margin:0px;
padding:10px 0 0 110px;
}
.sig{
float:left;
}
.reaction_contact{
margin-top:20px;
}
.report{
float:right;
margin:4px 12px 4px 0px;
}
.button{
/*float:right;*/
margin:4px 1px 4px 0px;
}
IMG.avatar{
display:block;
margin-bottom:5px;
}

/**********************************************************************/
.pages{
clear:both;
overflow:auto;
margin:2px;
text-align:center;
}
.pages SPAN.pages_txt{
display:inline-block;
}
.pages A, .pages SPAN.disabled{
display:inline-block;
width:17px;
height:17px;
padding-top:2px;
text-align:center;
}

/**********************************************************************/
.tabset{
display:block;
text-align:left;
padding:3px;
margin-bottom:2px;
}
.tabset A{
margin-left:1px;
margin-right:1px;
text-decoration:none;
padding:2px;
position:relative;
top:1px;
}
*html .tabset A, *html .tabset A:Hover, *html .tabset A.active{ background-position: 2px 2px;}

/**********************************************************************/

div.module_header SPAN{
position:relative;
top:-1px;
}
div.module_header IMG{
position:relative;
top:0px;
border:none;
}
div.module_body{
left:-1px;
display:block;
}
div.module_body A{
padding-left:9px;
}

/**********************************************************************/



/**********************************************************************/
.hidden{
display:none;
}

#back_to_community{display:none;}