myspace extendedNetwork status style hide repalce with image import into div overlay

extendedNetwork/Status table, styleing, hiding, replacing with image, import into div overlay

-- remove blog and extended network no white space
-- hide extended network and blogs and move up my about me

<style>
{! hide extendedNetwork and blogs !}
table.extendedNetwork {display:none;}
table.latestBlogEntry {display:none;}
{! due to carriage returns we need to move the blurbs up slightly !}
{! first I control the size of the carriage return so the distance is the same on different browsers !}
br {line-height:12px;}
table.blurbs {position:relative; top:-24px; margin-bottom:-24px;}
</style>

-- Picture in Extended Network:

<style>
{! put picture in extended network !}
{! first hide the default text !}
span.blacktext12{display:none;}
{! put a background in the table !}
table.extendedNetwork {background-image:url("URL-OF-YOUR-PICTURE");
background-position: center center;
background-repeat:no-repeat;
height:150px; width:300px; display:block }
{! change above px values to height and width of your picture !}
</style>

--Style

<style>
table.extendedNetwork {background-color:lightgreen !important; border:3px solid !important; border-color:darkgreen;}
table.extendedNetwork span.blacktext12 span {color:darkred; font-size:14px !important; font-family:comic sans ms; line-height:19px !important}
</style>

--Import into Div Overlay

<style>
{! size and position Status box !}

table div.myCoreDiv table td.text table.extendedNetwork {display:block !important; visibility:visible !important; position:absolute !important; 
top:20px; left:20px; width:220px; height:150px;}
table.extendedNetwork, table.extendedNetwork td {border:0px !important;}

</style>