html, body{
	height: 100%;
}

html { 
	overflow-y: scroll; /* force scrollbars */
}


body { 
background-color: #999;
}

a {
color:#333;
}

#sliderwrapper {
float:left;
width:100%; 
background-color: transparent;
background-image:url(images/toipsliderbg.png);
background-repeat: repeat-x;
background-position: bottom left;
min-height:70px; 
}

#topslider {
width:100%; 
min-height:70px; 
text-align:center;
}

#header {
background-color: transparent;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
background-position:bottom;
text-align:left;
padding:0;
padding-left:20px;
width:418px;
height:38px;
margin:0;
}

#portrait {
float:left;
padding:10px; 
background-position: top left;
background-repeat: no-repeat;
height: 92px; 
width:88px;
background-color:transparent;
margin:0;
padding:0;
margin-top:20px;
margin-left:20px;
background-image:none;
}

#profile {
padding-bottom:10px;
}

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

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

#wrapper { 
 /*position:relative;*/
 margin: 0 auto;
 margin-top:0px;
}

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

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

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

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

#shadow_footer_image { 
float:left;
height:16px;
width: 478px;
background-image: url(images/footeshadow_r.png);
}

#more {
float:left;
padding:0;
padding-left:20px;
width:478px;
padding-bottom:10px;
margin-top:-3px;
}


#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:#6F6F6F;
}

/* 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/content_background.jpg);
background-repeat: repeat-x;
 background-color: white;	
}

.morphtabs_title {
float:right;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
height:42px;
width: auto;
background-image:none;
background-color:transparent;
padding-left: 40px;
margin-top:0px;
text-align:right;
padding-right:10px;
}

.morphtabs_title li {
	float: left;
	padding: 5px 12px 2px 17px;
	margin-right: 0px;
	cursor: pointer;
	color: #888;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
}

.morphtabs_title li:hover {

}

.morphtabs_title li.active {
}

/* end tabs */

/* start network list */

#list_networks
{
float:left;
margin: 0 auto;
margin-bottom:-20px;
padding-top:5px;
width:auto;
margin-right:100px;
}

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

#list_networks li { 
float:left;
height:47px;
width:47px;
margin-top:10px;
margin-left:10px;
background-image: none;
}

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

#list_networks .service_wrapper .service_txt
{
padding-top:6px;
width:155px;
float:left;
margin-left:-25px;
line-height:15px;
overflow: hidden;
display:none
}

#list_networks .service_wrapper .line2txt
{
display:none;
}

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


/* tooltip design */
.ToolTips_networks { display:block; position:absolute; width:281px;height:120px;}
.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 { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 20px;height:100%;padding-top:7px;}

/* 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 { background:url(images/dockTopFooter.png) no-repeat bottom; height:20px; }

.ToolTips_networks .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 { font-size:12px; color:#888;}
.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;
}

.textfield_roundcorner {
margin: 5px;
width:150px;
height:17px;
background-color: transparent;
border:0;
padding:0 6px;
padding-top:3px;
background:url(../../images/bg_textfield.png) top right no-repeat;
font-size:11px;
}

.submitter_roundcorner {
margin: 5px;
width:83px;
height:20px;
text-align:center;
background-color: transparent;
border:0;
padding-top:0px;
background:url(../../images/bg_button.png) top right no-repeat;
font-size:11px;
cursor:pointer;
}

#passwordSection {
float:left;
width: 408px;
padding: 10px 15px;
padding-top:0;
margin:0;
overflow: hidden;
}

.seperator {
display:none;
}

#pwlock {
cursor:pointer;
}

#newstip {
float:left; 
width:100%; 
padding:4px 20px; 
background-color:#272727;
text-align:left;
background-image:none;
height:auto;
}

#twitter_div {
float:left;
width: 90%;
height:auto;
padding:0;
margin:0;
color:#A7A5A7;
}

#twitter_div a {
color:#A7A5A7;
}

/* contact list */
.list_contact li { 
background-image: none;
border-top:1px dotted #E5E5E5;
}