html, body{
	height: 100%;
}


body { 
 background-color:#72798F;
 color:#fff;
 background-image: none;
}

#header {
height: auto;
background-color: #B9BABA;
background-repeat: no-repeat;
background-position: top;
}

#portrait {
padding:10px; 
background-image:url(../../images/picframe.png);
background-repeat: no-repeat;
height: 88px; 
width:88px;
float:left;
margin:15px;
margin-right:0px;
padding-bottom:20px;
}

#biotxt {
float:left; 
width: 288px; 
margin-left:10px;
margin-top:20px;
padding-bottom:20px;
text-align: justify;
font-size:14px;
}

.line2txt {
float:left;
font-size:11px;
}

/* start tabs */
.pane{
float: left;		/* important! */
display: none;		/* important! */
width:438px;	
min-height: 190px;
}

#content{
position:relative; /*important! */
overflow:hidden;	/*important! */
float:left;
width: 438px;
margin-bottom:0px;
}

#paneContainer{
float:left;			/*important! */
 background-image:url(images/mainbackground2.png);
 background-repeat:repeat-x;
 background-position:top; 
 background-color: #B2BDDF;	
}

.morphtabs_title {
float:left;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
height:39px;
width: 438px;
background-image:url(../../images/background_menue.jpg);
}

.morphtabs_title li {
	float: left;
	padding: 5px 12px 2px 12px;
	margin-right: 0px;
	cursor: pointer;
	color: #666;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
}

.morphtabs_title li:hover {
	color:#333;
}

.morphtabs_title li:active {
		color: #333;
		background-image:url(../../images/background_menue_active.jpg);
}

/* end tabs */

/* start network list */

#list_networks
{
float:left;
margin-bottom:-15px;
padding-top:0px;
}

#list_networks ul
{
float:left;
padding: 0;
list-style-type: none;
margin-top:4px;
}

#list_networks li { 
float:left;
height:47px;
width:199px;
padding-top:7px;
background-image: url(../../images/lines_fade.png);
background-repeat: no-repeat;
background-position: bottom left;
margin-left:13px;
}

#list_networks .service_wrapper
{
float:left;
background-repeat:no-repeat;
display: block;
width: 100%;
height:35px;
text-decoration: none;
padding-bottom:12px;
background-position: 3px 3px;
padding-left: 0px;
}

#list_networks .service_wrapper .service_txt
{
padding-top:6px;
width:142px;
float:left;
margin-left:-32px;
line-height:15px;
overflow: hidden;
}

#list_networks .service_wrapper:hover
{
margin-left:1px;
}




/* tooltip design tipper*/
.ToolTips_networks { display:block; position:absolute; width:290px;overflow: hidden;}
.ToolTips_networks .message { display:block; position:relative; background:url(../../images/tooltips_ajax_body.png) repeat-y; padding:0px 20px; padding-left:30px; height:100%;}

.ToolTips_networks .dockBottomHeader { display:block; position:relative; background:url(../../images/tooltips_ajax_header.png) no-repeat bottom; height:13px;  }

.ToolTips_networks .dockBottomFooter { display:block; position:relative; background:url(../../images/tooltips_ajax_bottom.png); height:15px; line-height:15px; font-size:0px; clear:both; }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:none; width:31px; height:20px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips_networks .message { font-size:12px; color: #000000;}
.ToolTips_networks .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#888; }
.ToolTips_networks .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#888; }

#friendlogin_wrapper
{
width:171px; 
float:right; 
margin-top:12px;
margin-right:23px;
}

#interests {
float:left;
width: 408px;
margin: 0 15px;
padding-bottom:20px;
}

#more {
float:left;
padding-left:15px;
width:438px;
padding-bottom:10px;
}


#more li{
float:left;
margin:3px;
float-left:10px;
font-size: 12px;
background:url(../../images/more_left.png) top left no-repeat;
padding-left: 7px;
}

#more span{
background:url(../../images/more_right.png) top right no-repeat;
padding-right: 7px;
float:left; 
height:22px; 
line-height:22px;
}

#more li span a{
color:#000;
}


