html, body{
	height: 100%;
}


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

#header {
height: auto;
background-color: transparent;
background-image:url(images/header.png);
background-repeat: no-repeat;
background-position: top;
min-height:65px;
}

#shadow_header { 
float:left;
height:19px;
width: 478px;
background-image: url(images/shadow_header.png);
padding:0;
margin:0;
}

#about_wrapper {
float:left;
width:418px;
margin:10px;
background-image: url(../../images/blackbackground.png);
background-repeat: repeat;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px; 
border-radius: 9px; 
border: 0px solid #000;
background-color:transparent;
padding-bottom:15px;
}

#portrait {
float:left; 
background-position: top left;
background-repeat: no-repeat;
height: 88px; 
width:88px;
background-color:transparent;
padding:0;
margin:0;
margin-top:15px;
margin-left:15px;
background-image:none;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px; 
border-radius: 9px; 
border: 2px solid #fff;
}

#biotxt {
float:left; 
width: 281px; 
margin-left:15px;
margin-top:15px;
text-align: justify;
font-size:14px;
}

#footer {
float:left;
width: 438px;
height:40px;
background-color: transparent;
background-image:url(images/footer.png);
background-position: left;
}

#shadow_footer { 
float:left;
height:23px;
width: 478px;
background-image:url(images/footer_shadow.png);
}

#card_main { 
background-image: url(images/shadow.png);
background-position:0 0px;
}

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

h2 {

}

#newstip {
float:left;
width: 351px;
height:110px;
background-image:url(images/news_tip.png);
margin-top:0px;
}

#twitter_div {
float:left;
width: 295px;
height:95px;
padding-top:15px;
padding-left:20px;
overflow: hidden;
color:#fff;
line-height: 18px;
}

#twitter_div a{
color:#fff;
}

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

#content_bg_wrapper {
float:left;
 background-color: transparent;	
  background-image:url(images/content_background.png);
 background-repeat:repeat-y;
 background-position:top left;
}

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

#friendlogin_wrapper
{
width:171px; 
float:right; 
padding-top:17px; 
margin-right:26px;
background-color:transparent;
}

#paneContainer{
 float:left;			/*important! */
 background-color: transparent;	
}

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

.morphtabs_title li {
	float: left;
	margin-left: 10px;
	cursor: pointer;
	color: #fff;
	font-size: 13px;
	line-height: 18px; 
	padding: 3px 9px; 
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	border-radius: 9px; 
	border: 0px solid #000; 
	opacity:0.8;
	filter:alpha(opacity=80);
	background: #000;
}


.morphtabs_title li:hover {
	color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}

.morphtabs_title li:active {
		color: #000;
		background: #fff;
}

/* 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:10px;
}

#list_networks li { 
float:left;
height:47px;
width:197px;
padding-top:3px;
background-image: none;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px; 
border-radius: 9px; 
border: 0px solid #000;
background-repeat: no-repeat;
background-position: bottom left;
margin-left:13px;
background-color:#000;
margin-bottom:5px;
opacity:0.6;
filter:alpha(opacity=60);
padding-left:2px;
}

#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;
}

#list_networks li:hover
{
opacity:1;
filter:alpha(opacity=100);
}

.list_contact li { 
float:left;
background-image: url(../../images/blackbackground.png);
background-repeat: repeat;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px; 
border-radius: 9px; 
border: 0px solid #000;
background-color:transparent;
min-height:0px;
padding: 3px 0;
width:99%;
margin-bottom:5px;
overflow: hidden;
padding-left:3px;
}

.list_contact .service_wrapper .txt_1
{
padding-right:3px;
}

.list_contact .service_wrapper .txt_2
{
/*text-transform: lowercase;*/
padding-right:3px;
}



/* tooltip design */
.ToolTips_networks { display:block; position:absolute; width:281px;overflow: hidden;}
.ToolTips_networks .sticky_close { display:block; cursor:pointer; position:absolute; top:11px; right:13px; background:url(../../images/close.png); width:10px; height:10px; line-height:10px; font-size:0px; z-index:100000000; }
.ToolTips_networks .message, .ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 20px;height:100%;}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips_networks .dockTopFooter, .ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:20px; }

.ToolTips_networks .dockTopHeader , .ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:13px; font-size:0px; line-height:13px;}

* html .ToolTips_networks .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
* html .ToolTips_networks .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
* html .ToolTips_networks .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../js/mootoolstips/images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(../../js/mootoolstips/images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

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

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

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

#more {
float:left;
padding-left:15px;
width:438px;
padding-bottom:10px;
margin-top:-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;
}