ZoeLayouts.com | ZoeCity Layouts

Instructions

Find a MySpace layout you like. My favorites are at My Space or Yours.

Once you have the layout you like get the "myspace code" and paste it into box 1 just to the right of these instructions.

From your dashboard page (its the first page you come to after logging in) -- Click on "edit my profile" from the left hand menu section.

In the upper right corner of the edit profile page, click the link that says "Customize Appearance"

You should be at a page that has a bunch of code in a box that says "CSS" above it. -- Copy and paste the content of box 2 from this page. To the box on zoecity that says "CSS" Above it.

On the same Zoecity page click on the link that says layout -- Copy and paste the content of box 3 from this page. To the box on zoecity that says "LAYOUT" Above it.

IMPORTANT: Click Save on the ZoeCity page. This will save your layout

Box 1 - Paste your MySpace Code here:

Box 2 - Copy this to the CSS section of your edit apperance page:

/*	Global.css
*	This file only contain CSS rules that apply to controls 
*	that are shared across multiple verticals.
*/

/*Very generic rules*/
.hide{display:none;}

/*Overlay*/
#window_overlay{background-color:#333;}

/*Popup*/
.popup_wrapper{position:absolute;top:30%;}
body > div.popup_wrapper {position:fixed;}
.popup_box{
	background:#EFF5FF url(/modules/common/static/img/popup_bg.gif) repeat-x scroll center top;
	width:300px;margin-left:auto;margin-right:auto;padding:4px;border:solid 1px #B9D1F0;position:relative;
}
a.popup_x{
	background: url(/modules/common/static/img/red-x.gif) 0px 0px no-repeat;
	position:absolute;right:10px;top:10px;width:14px;height:14px;display:block;cursor:pointer;}
a.popup_x:hover{background-position:0px -14px}
.popup_content{min-height:8em;border:solid 1px #B9D1F0;background-color:#fff;padding:4px;margin:4px;text-align:left;}
* html .popup_content {height:100px;}
.popup_buttons{margin-top: 10px;text-align:center;}
.popup_buttons button{padding:0px 10px 0px 10px;}
.popup_title{background:url(/modules/common/static/img/msbluemen_26x26.png) no-repeat scroll left top;padding: 2px 2px 2px 32px;
	height:24px;text-align:left;font-size: 22px;color: #3333CC;line-height: 20px;
}

/* Header */
#languageLinks a{cursor:pointer;}

div.googleafs,div.googleafc{font:11px arial,helvetica,sans-serif;font-size:11.0222px}div.googleafs,div.googleafs a:hover,div.googleafs *,div.googleafc,div.googleafc a:hover,div.googleafc *{font-weight:normal;text-decoration:none}div.googlehdr{color:#777976;text-align:right}div.googleafs p,div.googleafc p{display:block;color:#000}div.googleafs span,div.googleafc span{display:block;color:#017f02}div.googleafs strong,div.googleafc strong{display:block;color:#0401ce;font-weight:bold;text-decoration:underline}div.googleafs,div.googleafs *,div.googleafc,div.googleafc *{margin:0;padding:0}div.googleafc a{display:block;padding:3px 12px 7px;margin:0}div.googleafs{background:#e4ecf9;overflow:hidden}div.googleafs div.googlehdr{margin:-2px;padding-right:9px}div.googleafc{height:auto;margin:10px 0;background:transparent;overflow:hidden}div.googleafc div.googlehdr{margin:0 0 10px;padding:0;color:#000;border-bottom:1px solid #a5a5a5}div.googleafc div.horz{padding-bottom:5px}div.googleafc div.horz a{float:left;width:23%;_width:23%;padding:0 12px 0 0}div.googleafc div.adcount1,div.googleafc div.adcount1 a *{text-align:center}div.googleafc div.adcount1 a{float:none !important;width:auto !important;padding:0 10px}div.googleafc div.adcount1 strong{font-size:20px !important;line-height:150%}div.googleafc div.adcount1 p{font-size:16px !important;line-height:162.5%;margin:.7em 0}div.googleafc div.adcount1 span{font-size:13px !important}div.googleafc div.horz div.adcount2 a{width:46%;_width:49%}div.googleafc div.horz div.adcount3 a{width:30%;_width:31%}div.googleafc div.quad{height:auto;padding:0;margin:0 0 .7em;background:#eaeaea;border:1px solid #797979;overflow:hidden}div.googleafc div.quad a{float:left;height:6.3em;width:45%;_width:47%;margin:0;padding:0 0 0 15px}div.googleafc div.quad strong{margin-top:.5em;color:#1619fc}div.googleafc div.quad div.adcount1 a{height:auto;margin-bottom:1em}div#searchmain div.googleafc{width:500px;padding:7px 0}div#searchmain div#searchresults div.googleafc{width:483px;_width:500px}div#searchmain div#searchresults div.googleafc{padding:4px 10px 10px}div.googlemusic div.googleafc{width:300px;height:auto;padding:0;margin-top:0;background:#EAEAEA;border-bottom:1px solid #797979}div.googlemusic div.googlehdr{display:block;width:auto;height:25px;margin:0;padding:0;color:#b7b7b5;text-indent:-5000px;font-size:0;text-align:center;background:url() top left no-repeat;border-bottom:1px solid #797979}div.googlemusic div.googleafc a{border-left:1px solid #797979;border-right:1px solid #797979;margin:0;padding:7px}div.googlemusic div.googleafc span{color:#01a920}div.googlemusic div.googleafc strong{color:#1619fc}div#bkmain div.googleafc{width:auto;padding:0;background:#fff}div#bkmain div.googleafc *{margin:0;padding:0}div#bkmain div.googleafc a{padding-bottom:10px}div#astmain div.googleafc{padding:0 10px 10px}div#astmain div.googleafc p{padding:0 0}div#astmain div.googleafc a{margin:0 0 1em}div.jobs_ads div.googleafc{width:761px}div#forumctr div.adcount1 strong{font-size:16px !important}div#forumctr div.adcount1 p{font-size:14px !important}div#forumctr div.adcount1 span{font-size:11px !important}div#film_main div.googleafc{margin-top:0;width:465px;_width:465px;height:auto}div#film_main div.googlehdr{width:465px;height:25px;margin:0;padding:0;color:#8e8e8e;font-size:0;text-align:center;text-indent:-5000px;background:url(http://creative.myspace.com/cms/FIM/MS/myspace_hdr_film.gif) top left no-repeat}div#home_gafc div.googlehdr{background:#084EAD;border:none;color:#fff;text-align:left;padding:8px;font-size:12px;font-weight:bold}div#home_gafc.googleafc{border:1px solid #084EAD;padding-bottom:.6em}

body div#header
{	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#header
{
  background-color:#003399;
}

#headerlinks {float:left; padding-left:30px;}
#homelink{float:left; padding-bottom:3px;}
#googlebar { text-align:center; }

.googleLogo {margin:0px;padding:2px;}
#googlebar { text-align:center; padding-top:2px;}

#profilelinks { display:inline; padding-top:15px; font-size:11px; display:inline; }
#profileaction{font-size:11px; width:95px; }
#toprightlinks {padding:0px 0px 0px 3px 0px;float:right;} 
#logo {margin:0px;padding:0px;float:left;}

#srch {display:inline;}
#q { display:inline;}
#q, #t, #profileselection {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

body div#topnav
{
	margin-left:auto;
	margin-right:auto;
	
}	
#topnav
{	
	background-color:#6698CB ;
}

.verdana12 {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.button {
	padding: 0.2em .6em;
	color: #000;
	background: #d5e8fb;
	font-weight: bold;
	font-size: 100%;
	border: groove;
	border-color: #69c;
	border-width : 2;
}

/* REDEFINED TAGS */
.admin {
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-weight: bold;
	color: #f00;
}

.openedmail {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none; 
	color: #444;
}
.mailtext {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #039;
}
.mailtext:link {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
 	text-decoration:underline; 
	color: #039;
}
.mailtext:visited {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
 	text-decoration:none; 
	color: #555;
}
.classifiedstext {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #039;
}
.classifiedstext:link {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
 	text-decoration:none; 
	color: #039;
}

.mailtext:hover {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
 	text-decoration:underline; 
	color: #f00;
}

body, td, li, p, div, textarea 
{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal;}

/* TEXT DEFAULTS */

.text{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
color:#000; font-weight:normal;}

.spacetext{font-family:arial,verdana,arial,sans-serif,helvetica; 
line-height: 18pt;font-size:10pt; color:#000; font-weight:normal;}

.redtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#c00; font-weight:normal;}

.redtext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#c00; font-weight:normal;}

.redtext8b{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#c00; font-weight:bold;}

.redbtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#c00; font-weight:normal;}

.redtext12b{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#c00; font-weight:bold;}

.bluebtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#039; font-weight:normal;}

.bluetext13{font-family:verdana,arial,sans-serif,helvetica; 
font-size:13pt; color:#039; font-weight:bold;}

.redbtext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#c00; font-weight:normal;}

.utext{font-family:verdana,arial,sans-serif,helvetica; 
text-decoration:underline; font-size:9pt; color:#000; font-weight:normal;}

.orangetext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#FF9800; font-weight:bold;}

.orangetext2{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#f93; font-weight:bold;}

.orangetext15{font-family:verdana,arial,sans-serif,helvetica; 
font-size:9pt; color:#f60; font-weight:bold;}

.lightbluetext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#369; font-weight:bold;}

.bluetext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#039; font-weight:normal;}

.bluetext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#039; font-weight:bold;}

.whitetext7{font-family:verdana,arial,sans-serif,helvetica;
font-size:7pt; color:#fff;font-weight:bold;}

.whitetext11{font-family:verdana,arial,sans-serif,helvetica; 
font-size:11pt; color:#fff; font-weight:bold;}

.whitetext12{font-family:verdana,arial,sans-serif,helvetica; 
font-size:9pt; color:#fff; font-weight:bold;}

.whitetext15{font-family:verdana,arial,sans-serif,helvetica; 
font-size:15pt; color:#fff; font-weight:bold;}

.blacktext15{font-family:verdana,arial,sans-serif,helvetica; 
font-size:15pt; color:#000; font-weight:normal;}

.blacktext13{font-family:verdana,arial,sans-serif,helvetica; 
font-size:13pt; color:#000; font-weight:bold;}

.blacktext12{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#000; font-weight:bold;}

.blacktext11{font-family:verdana,arial,sans-serif,helvetica; 
font-size:11pt; color:#000; font-weight:bold;}

.nametext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#000; font-weight:bold;}

.blacktext12nb{font-family:verdana,arial,sans-serif,helvetica; 
font-size:12pt; color:#000; font-weight:normal;}

.blacktext10{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#000; font-weight:bold;}

.blacktext10nb{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; color:#000; font-weight:normal;}

.blacktext9{font-family:verdana,arial,sans-serif,helvetica; 
font-size:9pt; color:#000; font-weight:bold;}

.blacktext8{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#000; font-weight:bold;}

.blacktext8nb{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#000; font-weight:normal;}

.blacktext7{font-family:verdana,arial,sans-serif,helvetica; 
font-size:7pt; color:#000; font-weight:normal;}

.footer{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
color:#000; font-weight:bold;}

.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
color:#000; font-weight:normal; text-align:right;}

.blacktext14bu{font-family:verdana,arial,sans-serif,helvetica; 
font-size:14pt; color:#000; font-weight:normal; text-decoration:underline;}

a{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline; font-weight:bold;}
	a:link{color:#039;}
	a:active{color:#039;}
	a:visited{color:#039;}
	a:hover{color:#c00;}
	
a.chat{font-family:verdana,arial,sans-serif,helvetica;font-size:8pt;font-weight:normal;}
	a.chat:link{color:#039;text-decoration:underline;}
	a.chat:active{color:#039;text-decoration:underline;}
	a.chat:visited{color:#039;text-decoration:underline;}
	a.chat:hover{color:#C00;text-decoration:underline;}

a.chatToolbar{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline; font-weight:bold;}
	a.chatToolbar:link{color:#039;text-decoration:underline;}
	a.chatToolbar:active{color:#039;text-decoration:underline;}
	a.chatToolbar:visited{color:#039;text-decoration:underline;}
	a.chatToolbar:hover{color:#c00;text-decoration:underline;}

a.readmail{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline; font-weight:normal;}
	a.readmail:link{
	color: Purple;
}
	a.readmail:active{color:#039;}
	a.readmail:visited{color:#039;}
	a.readmail:hover{color:#c00;}

a.redlink{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; text-decoration:underline; font-weight:bold;}
	a.redlink:link{color:#c00;}
	a.redlink:active{color:#c00;}
	a.redlink:visited{color:#c00;}
	a.redlink:hover{color:#c00;}

a.blink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline; font-weight:normal;}
	a.blink:link{color:#000;}
	a.blink:active{color:#000;}
	a.blink:visited{color:#000;}
	a.blink:hover{color:#c00;}		
	
a.white{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline;}
	a.white:link{color:#fff;}
	a.white:active{color:#c00;}
	a.white:visited{color:#fff;}
	a.white:hover{color:#c00;}
	
a.white7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; 
text-decoration:underline;}
	a.white7:link{color:#fff;}
	a.white7:active{color:#c00;}
	a.white7:visited{color:#fff;}
	a.white7:hover{color:#c00;}	
	
a.black7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; 
text-decoration:underline;}
	a.black7:link{color: Black;}
	a.black7:active{color:#c00;}
	a.black7:visited{color:Black;}
	a.black7:hover{color:#c00;}

a.navbar{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline; font-weight:normal;}
  a.navbar:link{color:#fff;}
	a.navbar:active{color:#fff;}
	a.navbar:visited{color:#fff;}
	a.navbar:hover{color:#040C5C;}

a.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; 
text-decoration:underline; font-weight:bold;text-align:right;}
	a.skip:link{color:#039;}
	a.skip:active{color:#039;}
	a.skip:visited{color:#039;}
	a.skip:hover{color:#c00;}

a.redlink7{font-family:verdana,arial,sans-serif,helvetica; 
font-size:7pt; text-decoration:underline; font-weight:bold;}
	a.redlink7:link{color:#c00;}
	a.redlink7:active{color:#c00;}
	a.redlink7:visited{color:#c00;}
	a.redlink7:hover{color:#c00;}

a.graylink7{font-family:verdana,arial,sans-serif,helvetica; 
font-size:7pt; text-decoration:underline; font-weight:bold;}
	a.graylink7:link{color: Gray;}
	a.graylink7:active{color:Gray;}
	a.graylink7:visited{color:Gray;}
	a.graylink7:hover{color:Gray;}
	
a.graylink7light{font-family:verdana,arial,sans-serif,helvetica; 
font-size:7pt; text-decoration:underline;font-weight:normal; }
	a.graylink7light:link{color: Gray;}
	a.graylink7light:active{color:Gray;}
	a.graylink7light:visited{color:Gray;}
	a.graylink7light:hover{color:Gray;}

a.bluelink{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; text-decoration:underline; font-weight:bold;}
	a.bluelink:link{color: #039}
	a.bluelink:active{color:red}
	a.bluelink:visited{color:#039}
	a.bluelink:hover{color:red;}

a.searchlinkBig{font-family:verdana,arial,sans-serif,helvetica; 
font-size:10pt; text-decoration:underline; font-weight:bold;}
	a.searchlinkBig:link{color:#006691}
	a.searchlinkBig:active{color:red}
	a.searchlinkBig:visited{color:#006691}
	a.searchlinkBig:hover{color:red}
	
a.searchlinkSmall{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; text-decoration:underline; font-weight:normal;}
	a.searchlinkSmall:link{color:black}
	a.searchlinkSmall:active{color:red}
	a.searchlinkSmall:visited{color:black}
	a.searchlinkSmall:hover{color:red}

/* TEXT FORMATTING */

/* DEFAULT FONT, SIZE 8, BLACK */
.btext, .itext{font-family:verdana,arial,sans-serif,helvetica; 
font-size:8pt; color:#000;}
	.btext{font-weight:bold;}
	.itext{font-style:italic;}

/* DEFAULT FONT, SIZE 8, COLORS */
.bwtext, .rtext, .rbtext, 
.subhead{font-family:verdana,helvetica,arial,sans-serif; font-size:8pt; font-weight:bold;}
	.bwtext{font-weight:bold; color:#fff;}
	.rtext{color:#c00;}
	.rbtext{color:#c00; font-weight:bold;}
	.subhead{color:#252872;}

/* DEFAULT FONT, SIZE 8 */
.stext, .sbtext, 
.swtext{font-family:verdana,helvetica,arial,sans-serif; font-size:8pt;}
	.stext{color:#555;}
	.swtext{color:#fff;}
	.sbtext{font-weight:bold; color:#000;}

/* DEFAULT FONT, SIZE 11 */
.head11, .text11{font-family:verdana,helvetica,arial,sans-serif; 
font-size:11pt;}
	.head11{font-weight:bold; color:#252872;}
	.text11{color:#000;}
	
/* DEFAULT FONT, SIZE 13 */
td.head11, td.text11{font-family:verdana,helvetica,arial,sans-serif; 
font-size:11pt;}
	.head11{font-weight:bold; color:#252872;}
	.text11{color:#000;}

/* DEFAULT FONT, SIZE 13 */
td.head13, td.text13{font-family:verdana,helvetica,arial,sans-serif; 
font-size:13pt;}
	.head13{font-weight:bold; color:#252872;}
	.text13{color:#000;}
	
/* TABLE COLORS */
table.grey, tr.grey, td.grey{background-color:#ddd;}
table.white, tr.white, td.white{background-color:#fff;}
table.accent_light, tr.accent_light, 
	td.accent_light{background-color:#c9d7e8;} 
table.accent_dark, tr.accent_dark, 
	td.accent_dark{background-color:#70a5e6;}
table.action, tr.action, td.action{background-color:#ddd;}
table.blue_light, tr.blue_light, 
	td.blue_light{background-color:#ccc;}
table.blue_dark, tr.blue_dark, td.blue_dark{background-color:#ccc;}
 
 .alpha{filter:alpha(opacity=25);opacity: 0.5;-moz-opacity:0.5;}

.required{
  font-family: verdana, arial, helvetica, san-serif; 
  font-size: 12px;
  line-height: 130%;
  color: #ff3300;
}

.warning{
  font-family: verdana, arial, helvetica, san-serif;
  font-size: 14px;
  line-height: 130%;
  color: #ff3300;
  font-weight: bold;
}

/*-----------------------NEW 
CLASSES-----------------------------------------*/
table.blue_border, tr.blue_border, td.blue_border{
	border:2px solid #69c;
}

table.red_border, tr.red_border, td.red_border{
	border:2px solid #c00;
}

table.black_border, tr.black_border, td.black_border{
	border:2px solid #000;
}

table.white, tr.white, td.white{
    background-color:#fff;
}

table.blue_header, tr.blue_header, td.blue_header{
    background-color:#69c;
    font-family:verdana,arial,sans-serif,helvetica; 
    font-size:9pt; 
    color:#fff; 
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
}

table.orange_header, tr.orange_header, td.orange_header{
    background-color:#FF9900;
    font-family:verdana,arial,sans-serif,helvetica; 
    font-size:9pt; 
    color:#fff; 
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
}

table.red_header, tr.red_header, td.red_header{
    background-color:#c00;
    font-family:verdana,arial,sans-serif,helvetica; 
    font-size:9pt; 
    color:#fff; 
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
}

table.blue_white, tr.blue_white, td.blue_white{
    background-color:#fff;
    font-family:verdana,arial,sans-serif,helvetica; 
    font-size:9pt; 
    color:#fff; 
    font-weight:normal;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: top;
}

table.blue_dark_bold, tr.blue_dark_bold, td.blue_dark_bold{
    background-color:#B1D0F0;
    font-family:verdana,arial,sans-serif,helvetica; 
    font-size:8pt; 
    color:#369; 
    font-weight:bold;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    vertical-align: top;
}

table.blue_dark_nobold_black, tr.blue_dark_nobold_black, 
td.blue_dark_nobold_black{
    background-color:#B1D0F0;
    font-family:verdana,arial,sans-serif,helvetica; 
    font-size:8pt; 
    color:#000; 
    font-weight:normal;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    vertical-align: top;
}

table.blue_light_nobold, tr.blue_light_nobold, td.blue_light_nobold{
    background-color:#D5E8FB;
    font-family:verdana,arial,sans-serif,helvetica;
    font-size:8pt;
    color:#000;
    font-weight:normal;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    vertical-align: middle;
}

table.blue_light_bold, tr.blue_light_bold, td.blue_light_bold{
    background-color:#D5E8FB;
    font-family:verdana,arial,sans-serif,helvetica;
    font-size:8pt;
    color:#369;
    font-weight:bold;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    vertical-align: top;
}   
a.blue_white{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline;}
	a.blue_white:link{color:#039;}
	a.blue_white:active{color:#039;}
	a.blue_white:visited{color:#039;}
	a.blue_white:hover{color:#c00;}

a.rob{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; font-weight:bold;}
	a:link{color:#039; text-decoration:none;}
	a:active{color:#C00; text-decoration:underline;}
	a:visited{color:#039; text-decoration:none;}
	a:hover{color:#C00; text-decoration:underline;}

a.bert{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; font-weight:bold;}
	a:link{color:#039; text-decoration:none;}
	a:active{color:#C00; text-decoration:underline;}
	a:visited{color:#039; text-decoration:none;}
	a:hover{color:#C00; text-decoration:underline;}

a.spiel{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; font-weight:normal;}
	a:link{color:#039; text-decoration:none;}
	a:active{color:#C00; text-decoration:underline;}
	a:visited{color:#039; text-decoration:none;}
	a:hover{color:#C00; text-decoration:underline;}

a.man{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; font-weight:normal;}
	a:link{color:#039; text-decoration:none;}
	a:active{color:#C00; text-decoration:underline;}
	a:visited{color:#039; text-decoration:none;}
	a:hover{color:#C00; text-decoration:underline;}

a.classifiedAds{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; text-decoration:underline; font-weight:bold;}
	a.classifiedAds:link{color:#039; text-decoration:underline;}
	a.classifiedAds:active{color:#039; text-decoration:underline;}
	a.classifiedAds:visited{color:#039; text-decoration:underline;}
	a.classifiedAds:hover{color:#c00; text-decoration:underline;}	
	
a.classifiedListing{font-family:verdana,arial,sans-serif,helvetica; font-size:11pt; text-decoration:underline; font-weight:normal;}
	a.classifiedListing:link{color:#039; text-decoration:underline;}
	a.classifiedListing:active{color:#039; text-decoration:underline;}
	a.classifiedListing:visited{color:#039; text-decoration:underline;}
	a.classifiedListing:hover{color:#c00; text-decoration:underline;}

a.classifiedSmallLink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;}
	a.classifiedSmallLink:link{color:#039; text-decoration:underline;}
	a.classifiedSmallLink:active{color:#039; text-decoration:underline;}
	a.classifiedSmallLink:visited{color:#039; text-decoration:underline;}
	a.classifiedSmallLink:hover{color:#c00; text-decoration:underline;}

a.classifiedsTitle{font-family:verdana,arial,sans-serif,helvetica; font-size:11pt; text-decoration:underline; font-weight:bold;}
	a.classifiedsTitle:link{color:#039; text-decoration:underline;}
	a.classifiedsTitle:active{color:#039; text-decoration:underline;}
	a.classifiedsTitle:visited{color:#039; text-decoration:underline;}
	a.classifiedsTitle:hover{color:#c00; text-decoration:underline;}

a.classifiedsHome{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;}
	a.classifiedsHome:link{color:#000; text-decoration:underline;}
	a.classifiedsHome:active{color:#000; text-decoration:underline;}
	a.classifiedsHome:visited{color:#000; text-decoration:underline;}
	a.classifiedsHome:hover{color:#c00; text-decoration:underline;}		
	
a.classifiedsViewAll{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;}
	a.classifiedsViewAll:link{color:#000; text-decoration:underline;}
	a.classifiedsViewAll:active{color:#000; text-decoration:underline;}
	a.classifiedsViewAll:visited{color:#000; text-decoration:underline;}
	a.classifiedsViewAll:hover{color:#c00; text-decoration:underline;}

a.classifiedsDone{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; text-decoration:underline; font-weight:normal;}
	a.classifiedsDone:link{color:#f00; text-decoration:line-through;}
	a.classifiedsDone:active{color:#f00; text-decoration:line-through;}
	a.classifiedsDone:visited{color:#f00; text-decoration:line-through;}
	a.classifiedsDone:hover{color:#f00; text-decoration:line-through;}			
	
/*----------------------END OF NEW 
CLASSES------------------------------------------------*/

/* Myspace Search styles - begins */
#searchResultPageBody { font-family: Arial, Helvetica, sans-serif; }
#searchResultPageBody a { font-family: Arial, Helvetica, sans-serif; }

#resultsContent { font-size: 14px; color:#000; text-decoration:none; }
#resultsContent a { font-size: 16px; color:#00c; text-decoration:underline; font-weight:normal; }
#resultsContent td { font-size: 13px; color:#000; }
#resultsContent .content { font-size: 13px; color:#000; }
#resultsContent .sponsoredLinks { font-size: 13px; font-family: Arial, sans-serif; color:#6f6f6f; text-decoration:none; }

#resultsPages { font-size: 18px; color:#000 }
#resultsPages a { font-size: 14px; color:#00c; text-decoration:underline; font-weight:normal; }
#resultsPages td { font-size: 15px; color:#000; font-weight:normal; }

#sponsoredLinksRight { font-size:13px; color:#000; }
#sponsoredLinksRight a { font-size:13px; color:#00c; text-decoration:underline; font-weight:normal; }
#sponsoredLinksRight td { font-size:12px; color:#000;}
#sponsoredLinksRight .content { font-size:13px; color:#000; }
#sponsoredLinksRight .sponsoredLinks { font-size:12px; color:#6f6f6f; text-decoration:none; }

#friendFinder { border: 1px solid #639ace; width: 168px; float: right; margin: 1px 20px 15px 0; display: inline; padding: 1em; font: 85% Verdana, Arial, Helvetica, sans-serif; background-color:#fff; }
#friendFinder form { margin: 3px; padding: 0px; }
#friendFinder fieldset { margin: 0; padding: 0; border: 0; }
#friendFinder legend { color: #039; background: url(http://www.myspace.com/images/icon_friends.gif) no-repeat left;	padding: 0 0 0 20px; margin: 0 0 10px -5px; font-weight: bold; font-size: small; }
#friendFinder input { margin: 0px; padding: 0;}

.url { color: #008000; }
/* Myspace Search styles - ends */

/* Links */
a:link, a:active, a:visited{color:#039;}
a:hover{color:#C00; text-decoration:underline;}

/* Lists */
.simpleList dl, .simpleList dt, .simpleList dd, .simpleList ol, .simpleList ul, .simpleList li{margin:0; padding:0; list-style:none;}
#yourschools dl {width: 120px; height:120px; margin-left:5px; margin-top:5px; float:left; display:inline; text-align:center;}
#yourschools dt {margin:0; padding:0;}
#yourschools dd {margin:0; padding:0;}

/* Forms */
.form label, .form input, .form select {display:block; width:200px; float:left; margin-bottom:5px;}
.form label {text-align:left;width:100px;font-weight:bold;}

/* Div's */
#wrap{background:#FFF; width:800px; margin:0 auto; padding:0; text-align:left; position:static;}
#main{position:relative; margin-left:10px; padding-bottom:25px; min-height:500px; height:500px;}
#content{position:relative; top: 13px; margin:0;}
#contentWrap{position:static; width:100%;}

#header a, #topnav a {color:#fff; font-weight:normal;}
#topnav a:hover{color:#040C5C;}
#header_bandJoin {text-align:left; font-size:small; font-weight:bold;}

/* Classes */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.advert{display:block;}
.relative{position:relative;}

/* Background */
.bgWhite{background:#FFF;}
.bgBlue{background:#039;}
.bgLtBlue{background:#D5E8FB;}
.bgDkBlue{background:#040C5C;}
.bgNavBlue{background:#6698CB;}
.bgGrey{background:#E5E5E5;}
.bgDkGrey{background:#666;}
.bgRed{background:#C00;}
.bgPeach{background:#FC9;}
.bgPurple{background:#96C;}
.bgGreen{background:#090;}
.bgOrange{background:#F60;} /* Alternative #FF9800 */
.bgBlack{background:#000;}

/* Border */
.borWhite{border:1px solid #FFF;}
.borWhiteT{border-top:1px solid #FFF;}
.borBlue{border:1px solid #039;}
.borLtBlue{border:1px solid #D5E8FB}
.borLtBlueB{border-bottom:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C;}
.borNavBlue{border:1px solid #6698CB;}
.borNavBlueT{border-top:1px solid #6698CB;}
.borNavBlueB{border-bottom:1px solid #6698CB;}
.borNavBlueL{border-left:1px solid #6698CB;}
.borNavBlueR{border-right:1px solid #6698CB;}
.borLtBlue{border:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C;}
.borNavBlue{border:1px solid #6698CB;}
.borGrey{border:1px solid #E5E5E5;}
.borDkGrey{border:1px solid #666;}
.borDkGreyT{border-top:1px solid #666;}
.borDkGreyL{border-left:1px solid #666;}
.borDkGreyR{border-right:1px solid #666;}
.borRed{border:1px solid #C00;}
.borPeach{border:1px solid #FC9;}
.borPurple{border:1px solid #96C;}
.borGreen{border:1px solid #090;}
.borOrange{border:1px solid #F60;} /* Alternative #FF9800 */
.borBlack{border:1px solid #000;}

/* Font Color */
.txtWhite{color:#FFF;}
.txtBlue{color:#039;}
.txtLtBlue{color:#D5E8FB}
.txtDkBlue{color:#040C5C;}
.txtNavBlue{color:#6698CB;}
.txtGrey{color:#E5E5E5;}
.txtDkGrey{color:#666;}
.txtRed{color:#C00;}
.txtPeach{color:#FC9;}
.txtPurple{color:#96C;}
.txtGreen{color:#090;}
.txtOrange{color:#F60;} /* Alternative #FF9800 */
.txtBlack{color:#000;}

/* Font Size */
.txt1{font-size:1em;}
.txt2{font-size:1.25em;}
.txt3{font-size:1.5em;}
.txt4{font-size:1.75em;}
.txt5{font-size:2em;}

/* Font Alignment */
.txtleft{text-align:left;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}
.txtjustify{text-align:justify;}

/* Font Line Height */
.txtL2{line-height:125%;}
.txtL3{line-height:150%;}
.txtL4{line-height:175%;}
.txtL5{line-height:200%;}

/* Links */
.whiteLink a{color:#FFF;text-decoration:none; font-weight:normal;}
.noline a{text-decoration:none;}

/* Dimensions */
/* Widths */
.w10{width:10px;}
.w20{width:20px;}
.w25{width:25px;}
.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w125{width:125px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w210{width:210px;}
.w225{width:225px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w275{width:275px;}
.w300{width:300px;}
.w325{width:325px;}
.w350{width:350px;}
.w375{width:375px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w525{width:525px;}
.w550{width:550px;}
.w600{width:600px;}
.w625{width:625px;}
.w650{width:650px;}
.w800{width:800px;}
/* Heights */
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h50{height:50px;}
.h75{height:75px;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h175{height:175px;}
.h200{height:200px;}
.h225{height:225px;}
.h250{height:250px;}
.h275{height:275px;}
.h300{height:300px;}
.h325{height:325px;}
.h350{height:350px;}
.h375{height:375px;}
.h400{height:400px;}

/* Padding */
.noPad{padding:0;}
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.padTB5{padding:5px 0;}
.padTB10{padding:10px 0;}
.padTB15{padding:15px 0;}
.padRL5{padding:0 5px;}
.padRL10{padding:0 10px;}
.padRL15{padding:0 15px;}
.padRL20{padding-left:20px; padding-right:20px;}

/* Margin */
.noMar{margin:0;}
.mar2{margin:2px;}
.mar3{margin:3px;}
.mar5{margin:5px;}
.mar10{margin:10px;}
.marTB5{margin:5px 0;}
.marTB10{margin:10px 0;}
.marTB15{margin:15px 0;}
.marRL5{margin:0 5px;}
.marRL10{margin:0 10px;}
.marRL15{margin:0 15px;}
.marRL20{margin-right:20px; margin-left:20px;}

/* Visibility */
.off{display:none;}
.on{display:block;}

#greybox {
	clear: both;
	width: 458px;
	margin: 10px 0 0;
	position: relative;
	background-color: #F2F5F7;
	border: solid 1px #D0E4FD;
}
.BoxedAdLinks {
	font-family:Verdana,Arial,Helvetica; 
	font-size:9pt; 
	font-weight:normal; 
	color:#039;
	}

/* Online Now Image Size Override */
.ImgOnlineNow { width:80px !important; height:20px !important;}

/* Profile CSS Document - Edit with extreme care */	
	
	.section {border:0;}
    .heading {background:none; color:inherit;}
	#wrap, #header, #topnav, #footer {background:none;}
	
	#mainLayout {background:inherit; color:inherit;}
 	#mainLayout {margin-left:20px;}
	*html #mainLayout {margin-left:22px;}
	#mainLayout td {padding-right:15px;}
	
	#profile_networking .cols th{width:100%;}

#profile_contact a {display:block;}

#mainLayout, #mainLayout td {vertical-align:top;}
	#mainLayout {border-collapse:separate; margin-top:5px;}
	
	#profile_schools .cols th, #profile_companies .cols th {width:auto;}
	#profile_schools .cols td, #profile_companies .cols td {width:50px; text-align:center;}
	
	#profile_info .heading {font-size:155%; font-weight:bold; padding-left:0;}
    #profile_info_image, #profile_info_content {float:left;}
    #profile_info_image {width:175px;}
    #profile_info_content {width:115px;}
	#profile_info_image img {margin-bottom:20px;}

#profile_blog_subjects {list-style:none; margin:0; padding:0;}
	
	#profile_calendar .cols th {width:125px;}
	#profile_contact img{vertical-align:middle;}
	#profile_contact a {float:left; width:49%; font-size:80%;}
	.friend {float:left; width:108px; margin-bottom:10px; text-align:center;}
	*html .friend {display:inline;}
	#profile_network {text-align:center; font-weight:bold; padding:5px 0;}
	
	.advertiserProfile #header {height:auto;}
	body{background-color:#e5e5e5;}
	a.friendtext:link{color:#000;font-weight:normal;}
	a.friendtext:hover{color:#000;text-decoration:none;cursor:default;}
	a.friendlink:link{color:#003399;}
	
	#adspacer{height:35px;width:1px;}

/* ZOECITY RULES */

/* LISTING
------------------------------------*/
div.listing {
  width:100%;
  overflow:hidden;
  border-top:1px solid #ddd; padding:9px 0 3px 0;
}

div.listing a {
  color:#555;
}
div.listing h2 {
  margin-bottom:5px;
  font-size:16px; color:#1d4f7a;
}
div.listing h2 a {
  color:#1d4f7a; text-decoration:none;
}
div.listing p {
  margin-bottom:5px;
  color:#555; font-size:11px;
}
div.listing blockquote {
  padding-left:30px;
  font-style:italic; color:#fff;
  background:url(/images/blockquote_background.gif) no-repeat 0% 3px;
}
div.listing ul.functions {
  width:16px;
  padding: 0 none !important;
  float:right;
  list-style-type:none;
}
div.listing ul.functions li {
  display:inline;
}
div.listing ul.functions li a {
 	display: block;
  	width: 16px !important;
	padding: 0 none;
	margin: 0 none;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
	border: 2px solid #eee;
	
}
div.listing ul.functions li a:hover {
	border: 2px solid #eee;
	margin: 0 !important;
}
div.listing ul.functions li a.add {
  padding-left:25px;
  background:url(/images/icons/add_white.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.view {
  padding-left:25px;
  background:url(/images/icons/zoom.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.featured {
  padding-left:25px;
  background:url(/images/icons/featured.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.not_featured {
  padding-left:25px;
  background:url(/images/icons/not_featured.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.delete {
	padding-left: 0 none !important;
  background:url(/images/icons/delete_white.gif) no-repeat center center;
}
div.listing ul.functions li a.flag {
	padding: 0 none !important;
 	background:url(/images/icons/flag.gif) no-repeat center center;
}
div.listing ul.functions li a.maybe {
  padding-left:25px;
  background:url(/images/icons/maybe.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.admin {
  padding-left:25px;
  background:url(/images/icons/wrench.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.photo {
  padding-left:25px;
  background:url(/images/icons/photo.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.message {
  padding-left:25px;
  background:url(/images/icons/invite_friend.gif) no-repeat 4px 50%;
}
div.listing table.network_information, div.listing table.event_information {
  font-size:11px;
}
div.listing table.network_information tr td a, div.listing table.event_information tr td a {
  color:#000;
}
div.listing table.network_information tr td.label, div.listing table.event_information tr td.label {
  width:80px;
}
div.listing table.network_information tr td.network_name a, div.listing table.event_information tr td.event_name a {
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  color:#000;
}
div.listing div.nano_thumbnail {
  margin-bottom:0;
}

div.eventMember_listing {
  
}

div.eventMember_listing a {
    color: #3B5F10;
    text-decoration: none;
    }
    
    div.eventMember_listing p span a {
      color: #333;
      font-size: 11px;
      }
    
    div.eventMember_listing a:hover {text-decoration: underline;}
    
    div.eventMember_listing table tr {
      }
    
    div.eventMember_listing table td {padding: 0 10px;}
    
     div.eventMember_listing table td img {
      padding: 3px;
      border: 1px solid #ccc;
      background: #eee;  
      margin: 7px 0;
      }
      
      div.eventMember_listing table td label {width: 80px; border-right: 1px solid #333; margin-right: 10px; text-align: right; padding-right: 10px; font-size: 11px; color: #333; background: #ffccc; float: left;}
      div.eventMember_listing table td select {border: 1px solid #000; font-size: 14px; color: #333; padding: 3px;}
    
      div.groupsMember_listing {

}
        
        div.groupsMember_listing .viewProfile_Link {
          font-size: 12px;
          text-align: center;  
          }
          
        div.groupsMember_listing .topArea_SortLinks {
          font-size: 12px;  
          text-align: left;  
          }
          
          div.groupsMember_listing .topArea_SortLinks th {padding: 0 10px;}

div.groupsMember_listing a {
          color: #333;
          font-size: 13px;
          text-decoration: none;
          }

div.groupsMember_listing p span a {
            color: #333;
            font-size: 11px;
            }

div.groupsMember_listing a:hover {text-decoration: underline;}

div.groupsMember_listing table tr {
            }

div.groupsMember_listing table td {padding: 0 10px;}

div.groupsMember_listing table td img {
            padding: 3px;
            border: 1px solid #ccc;
            background: #eee;  
            margin: 7px 0;
            }

div.groupsMember_listing table td label {width: 80px; border-right: 1px solid #333; margin-right: 10px; text-align: right; padding-right: 10px; font-size: 11px; color: #333; background: #ffccc; float: left;}
            div.groupsMember_listing table td select {border: 1px solid #000; font-size: 14px; color: #333; padding: 3px;}
    
    
    
    
    a.grayishButtons {
      padding: 3px 5px;
      background: #ccc;
      border: 1px solid #999;
      color: #333 !important;
      font-size: 13px;        
      }
      
      a.grayishButtons:hover {color: #000 !important; text-decoration: none !important;}

div.col2 div.listing blockquote, div.col3 div.listing blockquote, div.col4 div.listing blockquote, div.col5 div.listing blockquote,
div.col2_red div.listing blockquote, div.col3_red div.listing blockquote, div.col4_red div.listing blockquote, div.col5_red div.listing blockquote {
  background:url(/images/blockquote_background_red.gif) no-repeat 0% 3px;
}
div.col2_blue div.listing blockquote, div.col3_blue div.listing blockquote, div.col4_blue div.listing blockquote, div.col5_blue div.listing blockquote {
  background:url(/images/blockquote_background_blue.gif) no-repeat 0% 3px;
}
div.col2_green div.listing blockquote, div.col3_green div.listing blockquote, div.col4_green div.listing blockquote, div.col5_green div.listing blockquote {
  background:url(/images/blockquote_background_green.gif) no-repeat 0% 3px;
}
div.col2_grey div.listing blockquote, div.col3_grey div.listing blockquote, div.col4_grey div.listing blockquote, div.col5_grey div.listing blockquote {
  background:url(/images/blockquote_background_grey.gif) no-repeat 0% 3px;
}
div.listing blockquote p { line-height:150%; }
/* END LISTING */

/* COMMENT BLOCK & GROUP BLOCK
------------------------------------*/
div.comment_block, div.group_block, div.network_block {
  width:100%;
  overflow: hidden;
  margin-bottom:5px; border-bottom:1px solid #ccc; padding:10px 0;
}
div.comment_block h2, div.group_block h2, div.network_block h2 {
  margin-bottom:8px;
  font-size:14px; text-decoration:none;
}
div.comment_block h2 span.date {
  font-weight:normal;
}
div.comment_block h2 a, div.group_block h2 a, div.network_block h2 a {
  color:#d00; text-decoration:none; border-bottom:1px solid red;
}
div.comment_block h2 a.action, div.group_block h2 a.action, div.network_block h2 a.action {
  float:right;
  margin-right:10px; border:1px solid #e6e6e6; padding:4px 4px 4px 15px;
  text-decoration:none; line-height:100%; color:#222; font-size:12px; font-weight:normal;
  background:url(/images/little_arrow.gif) no-repeat 4px 50%;
}
div.comment_block h2 a.action:hover, div.group_block h2 a.action:hover, div.network_block h2 a.action:hover {
  border:1px solid #bbb;
  color:#000;
}
div.comment_block p, div.group_block p, div.network_block p {
  margin-bottom:0.75em;
  font-size:12px;
}
div.comment_block div.thumbnail_container, div.group_block div.thumbnail_container, div.network_block div.thumbnail_container {
  float:left; margin-right:15px;
}
div.comment_block div.comment {
  font-size:12px; color:#333;
}
div.comment {
  color:#333;
  line-height:140%;
  font-size:12px;
}

td.columnsWidening img,td.columnsWidening object {max-width:100% !important;width: expression(this.width > 400 ? 400 : true);}
td.columnsWidening img,td.columnsWidening object {max-width:100% !important;width: expression(this.width > 400 ? 400 : true);}</style>

<table id="profileV1main" width="800" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr align="center" >
		<td width="20" bgcolor="FFFFFF"><img src="http://x.myspace.com/images/clear.gif" width="15" height="2" border="0"></td>
			<td width="780" align="center" bgcolor="FFFFFF">
				<table cellspacing="0" cellpadding="0" border="0">
					<tr>
						<td width="275" height="33" align="center" valign="top" bgcolor="FFFFFF"><br/>
							<table height="100" cellspacing="0" cellpadding="0" width="300" border="0" class="profileInfo">
								<tr>
									<td class="text" valign="bottom" align="left" width="300" bgcolor="#ffffff" colspan="3" style="WORD-WRAP:break-word">
										<span class="nametext">{{ user.name }}</span>
										<br />
										<br />
									</td>
    							</tr>
    							<tr>
    								<td>
										<table id="Table2" cellspacing="0" cellpadding="0" width="300" align="center">
											<tr>
												<td class="text" width="75" bgcolor="#ffffff" height="75">
													<img alt="user photo" src="{{ user.classic_thumbnail_image }}" />
					   							</td>
											</tr>
											<tr>
												<td colspan="3" style="padding-left:5px;">
													<b></b>
												</td>
											</tr>
	    									<tr valign="middle">
		    									<td colspan="3" align="middle" style="padding:15px 15px 10px 5px;">
													{% rate_it %}	
		    									</td>
											</tr>
											<style type="text/css">
												/* Star Rating
												------------------------------------*/
												div#ratings{padding:12px 0;font-size:12px;}
												.star-rating,
												.star-rating a:hover,
												.star-rating a:active,
												.star-rating a:focus,
												.star-rating .current-rating{background:url(/images/star.gif) left -1000px repeat-x;}
												.star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;margin:0 0 5px 0;padding:0;background-position:left top;}
												.star-rating li{display:inline;}
												.star-rating a,
												.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;}
												.star-rating a:hover,
												.star-rating a:active,
												.star-rating a:focus{background-position:left bottom;}
												.star-rating a.one-star{width:20%;z-index:6;}
												.star-rating a.two-stars{width:40%;z-index:5;}
												.star-rating a.three-stars{width:60%;z-index:4;}
												.star-rating a.four-stars{width:80%;z-index:3;}
												.star-rating a.five-stars{width:100%;z-index:2;}
												.star-rating .current-rating{z-index:1;background-position:left center;}
												/* for an inline rater */
												.inline-rating{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;vertical-align:middle;}
												/* smaller star */
												.small-star{width:50px;height:10px;}
												.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{background-image:url(/images/star_small.gif);line-height:10px;height:10px;}
												div#user_actions ul li a{display:block;margin-top:6px;margin-right:25px;width:110px;border:1px solid #ccc;padding:5px 5px 5px 25px;font-size:11px;text-decoration:none;color:#333;background-position:5px center !important;}
											</style>
										
    										<tr align="middle">
												<td colspan="3" style="padding:0 15px 10px 5px;">
													 	{% flag_as_inappropriate %}
													  	{% friendship_status %}
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
    						<br>

<table cellspacing="0" cellpadding="4" width="300">
			<tr>
				<td width="300" style="word-wrap:break-word">
					<span class="btext">
						Primary Network<br><br>
					</span>
				</td>
			</tr>
			<tr>
				<td width="300" class='txt_label' class="text" align="left" style="word-wrap:break-word">
						<tr>
							<td valign="top" align="left" width="50" bgcolor="#b1d0f0">
								<a href="/networks/"><img src="{{ primary_network.nano_thumbnail_image }}"></a>
								<br /><br />
							</td>
							<td id="ProfileStatus:" bgcolor="#d5e8fb" style="WORD-WRAP: break-word; text-align: left;" align="left">
								<span class="lightbluetext8 label"><a href="/networks/{{ primary_network.to_param }}">{{ primary_network.name }}</a></span>
								
							</td>
						</tr>
				</td>
			</tr>
		</table>
			
		<br />
	
	
	
	
	<table class="userProfileDetail" bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#ffffff" border="1">
		<tr>

<td class="text tdborder" valign="center" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
			<span class="whitetext12"> {{ user.name }}'s Interests</span>
			</td>
		</tr>
		<tr valign="top">
			<td class="tdborder">
				<table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0">
					<tr>
						<td>
							<span class="text">
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">General:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.general }}</td>
								</tr>
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Movie:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.movies }}</td>
								</tr>
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Music:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.music }}</td>
								</tr>
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Quotes:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.quotes }}</td>
								</tr>
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">TV:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.television }}</td>
								</tr>
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Memories:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.favorite_memories }}</td>
								</tr>
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8 label">Books:</span></td>
									<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ user.interests.books }}</td>
								</tr>
							</span>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table><br/>

{% groups_listing %}
			<table id="Table1" bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#ffffff" border="1" class="interestsAndDetails">
				<tr>
					<td class="text tdborder" valign="middle" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
						<span class="whitetext12">
						Groups <a href="/users/{{ user.username }}/groups">see all {{ number_of_groups }}</a>
						</span>
					</td>
				</tr>
				{% if no_groups %}
					<tr valign="top">
						<td class="tdborder">
							<table id="Table2" bordercolor="#000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="#ffffff" border="0">
								<tr>
									<br />
									<td valign="top" align="center" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8">No Groups</span></td>
									<td id="ProfileGeneral" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word"> </td>
								</tr>
							</table>
							<br />
						</td>
					</tr>
			    {% endif %}
				{% if groups %}
				<tr valign="top">
					<td class="tdborder">
						<table id="Table2" bordercolor="#000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="#ffffff" border="0">
							{% for group in groups %}
								<tr>
									<td valign="top" align="left" width="100" bgcolor="#b1d0f0" NOWRAP><span class="lightbluetext8"><a href="/networks/{{ group.network_id }}/groups/{{ group.id }}">{{ group.name }}</a></span></td>
									<td id="ProfileGeneral" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word"> </td>
								</tr>
							{% endfor %}
					</table>
					</td>
				</tr>
				{% endif %}
			</table>
			<br>
		{% endgroups_listing %}
							
						
		
		{% events_listing %}
		<table class="userProfileDetail" bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#ffffff" border="1">
			<tr>
				<td class="text tdborder" valign="center" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
					<span class="whitetext12"> {{ user.name }}'s Events | <a href="/users/{{ user.username }}/events" class="client_css">see all events</a>
					</span>
				</td>
			</tr>
			<tr>
				<td class="text tdborder" valign="center" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
					<br /><span class="whitetext12"> Today's Events</span><br />
				</td>
			</tr>	
			
			{% if no_todays_events %}
			<tr>
				<td class="text tdborder" valign="center" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
					<br /><span class="whitetext12"> No Events Today!</span><br /><br />
				</td>
			</tr>
			{% endif %}
			
			{% if todays_events %}
			{% for event in todays_events %}
			<tr valign="top">
				<td class="tdborder">
					<table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0">
						<tr>
							<td>
								<span class="text">
									
									<tr>
										<td valign="top" align="left" width="100" bgcolor="#b1d0f0">
											<span class="lightbluetext8 label"><a href="/users/{{ user.id }}/events/{{ event.id }}"><img src="{{ event.nano_image_path }}" /><br />{{ event.name }}</a></span>
										</td>
										<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ event.formatted_start_end_date }} {{ event.formatted_start_end_time }}</td>
									</tr>
									
								</span>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			{% endfor %}
			{% endif %}
			
			{% if no_future_events %}
			<tr>
				<td class="text tdborder" valign="center" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
					<br /><span class="whitetext12"> No Future Events!</span><br /><br />
				</td>
			</tr>
			{% endif %}
		
			{% if future_events %}
			<tr>
				<td class="text tdborder" valign="center" align="left" width="300" bgcolor="#6699cc" wrap="" style="WORD-WRAP:break-word">   
					<br /><span class="whitetext12"> Future Events</span><br />
				</td>
			</tr>
			{% endif %}	
			
			{% if future_events %}
			{% for event in future_events %}
			<tr valign="top">
				<td class="tdborder">
					<table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0">
						<tr>
							<td>
								<span class="text">
									
									<tr>
										<td valign="top" align="left" width="100" bgcolor="#b1d0f0">
											<span class="lightbluetext8 label"><a href="/users/{{ user.id }}/events/{{ event.id }}"><img src="{{ event.nano_image_path }}" /><br />{{ event.name }}</a></span>
										</td>
										<td id="ProfileStatus:" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">{{ event.formatted_start_end_date }} {{ event.formatted_start_end_time }}</td>
									</tr>
									
								</span>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			{% endfor %}
			{% endif %}
		</table><br/>
		{% endevents_listing %}	
		
	
	
	
	</td>
	
	<td valign="top" align="center" width="15" bgcolor="#ffffff"><img id="ctl00_Main_ctl00_Img2" height="1" width="20" border="0" /></td>
	<td class="text" valign="top" align="center" width="435" bgcolor="#ffffff">
   	<br/>

<table align="center" cellspacing="0" cellpadding="0">
		    <tr align="center">
		        <td>
		            <table id="Table1" bordercolor="#000000" height="75" cellspacing="0" cellpadding="0"
		                width="435" border="1" class="extendedNetwork">
		                <tr>
		                    <td class="tdborder" valign="middle" align="center" width="435" style="word-wrap: break-word">
		                        <span class="blacktext12">
		                            <span id="ctl00_Main_ctl00_UserNetwork1_ctrlMessage">{{ user.name }}</span>
		                            <br>
		                        </span>
		                    </td>
		                </tr>
		            </table>
		        </td>
		    </tr>
		</table>
		<br />

<table bordercolor="000000" cellspacing="3" cellpadding="0" width="435" align="center" bgcolor="ffffff" border="0" class="latestBlogEntry">
			{% if user.blog_title %}
			<tr valign="top">
				<td width="435" style="word-wrap:break-word">
					<span class="text">Blog:</span> 
					<a href="/users/{{ user.username }}/posts">{{ user.blog_title }}</a>
					<br/>
				</td>
			</tr>
			{% endif %}
			{% if user.birthday %}
			<tr valign="top">
				<td width="435" style="word-wrap:break-word">
					<span class="text">Birthday:</span> 
					{{ user.birthday | date format_date: "%B %d" }}
					<br/>
				</td>
			</tr>
			{% endif %}
			{% if user.city %}
			<tr valign="top">
				<td width="435" style="word-wrap:break-word">
					<span class="text">Location:</span> 
					{{ user.location }}
					<br/>
				</td>
			</tr>
			{% endif %}
			{% if user.gender %}
			<tr valign="top">
				<td width="435" style="word-wrap:break-word">
					<span class="text">Gender:</span> 
					{{ user.gender }}
					<br/>
				</td>
			</tr>
			{% endif %}			
		</table><br>
		
	
	
		<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99"
			border="0" class="blurbs">
			<tr>
				<td>
					<table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center"
						bgcolor="ffffff" border="0">
						<tr>
							<td valign="top" align="left" width="435" bgcolor="#ffffff" style="word-wrap: break-word">
								<span class="orangetext15">

About me:</span><br/>
								<span class="text"> 
										{% if user.about != blank %}
										{{ user.about }}
										{% endif %}

Box 3 - Copy this to the Layout section of your edit apperance page:

</style>
		<br /><br />
		This layout was converted for use on ZoeCity at <a href="http://www.zoelayouts.com" target="_blank">ZoeLayouts.com</a> Its easy... Get your own!<br><br>
		</span>
	</td>
</tr>
</table>
</td>
</tr>

</table>
<br>

<table bordercolor="000000" cellspacing="3" cellpadding="0" width="435" align="center" bgcolor="ffffff" border="0" class="latestBlogEntry">
<tr>
<td width="435" style="word-wrap:break-word"><span class="btext">Recent Blog Posts </span><a href="/users/{{user.username}}/posts">read blog</a><br/><br/></td>
</tr>

{% if user.last_blog_post_title %}	
<tr valign="top">
<td width="435" style="word-wrap:break-word">
<span class="text"><b>{{ user.last_blog_post_title }}</b></span> <br />
{{ user.last_blog_post_body }}<br/><br/>
</td>
</tr>
{% else %}
<tr valign="top">
<td width="435" style="word-wrap:break-word">
<span class="text">No blog entries</span> 
<br/>
</td>
</tr>
{% endif %}
<tr>
<td valign="top" align="left" bgcolor="ffffff" height="25"><br />[<a href="/users/{{user.username}}/posts">View All Blog Entries</a>]</td>
</tr>
</table><br>

{% friends_listing %}
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" border="0" class="friendSpace">
<tr>
<td class="text" align="left" width="435" bgcolor="ffffff" height="20">
<table height="20" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99">
<tr>
<td width="435" style="word-wrap:break-word"> <span class="orangetext15">  Friends <a href="/users/friends/{{ user.username }}">see all <span class="redbtext">{{ friends_list.size }}</span></a><br /><br /></span></td>
</tr>
</table>
<table cellspacing="0" cellpadding="5" width="435" align="center" border="0">
<tr>
<td>
	<table width="435" border="0" cellspacing="0" cellpadding="5" align="center">
		<tr>
			
			{% if friends_list %}	
			{% for friend in friends_list %}			
			<td bgcolor="FFFFFF" align="center" valign="top" width="1">
				<table border="0" cellspacing="0" align="center">
					<tr>
						<td bgcolor="FFFFFF" align="center" valign="top" width="107" style="word-wrap:break-word">
							  <a href="/users/{{ friend.username }}" class="image_label">{{ friend.name }}</a>
						</td>
					</tr>
					<tr>
						<td bgcolor="FFFFFF" align="center" valign="top" width="25%">
						 	<a href="/users/{{ friend.username }}"><img src="{{ friend.thumbnail_image }}" border="0" /></a>
							<br />
							<br />
						</td>
					</tr>
				</table>
			</td>
			{% cycle '', '', '</tr><tr>' %}
			{% endfor %}
	  		{% endif %}

</tr>
		
	</table>
</td>
</table>
</td>
</tr>
</table>
<br>
{% endfriends_listing %}

{% user_image_strip %}
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" border="0" class="friendSpace">
<tr>
<td class="text" align="left" width="435" bgcolor="ffffff" height="20">
<table height="20" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99">
<tr>
<td width="435" style="word-wrap:break-word"> <span class="orangetext15"> Photos <span class="imageLinks"><a href="{{ all_photos_url }}" class="">see all photos</a></span><br /></span></td><style type="text/css">table tr td span.imageLinks {margin-left: 10px;} table tr td span.imageLinks a {position: relative; padding-right: 15px;}</style>
</tr>
</table>
<table cellspacing="0" cellpadding="5" width="435" align="center" border="0">
<tr>
<td>
	<table width="435" border="0" cellspacing="0" cellpadding="5" align="center">
		<tr>
			
			{% if no_images %}
			<td>
		      No Images
			</td>
			{% endif %}	
			{% for image in images %}										
			<td bgcolor="FFFFFF" align="center" valign="top" width="1">
				<table border="0" cellspacing="0" align="center">
					<tr>
						<td bgcolor="FFFFFF" align="center" valign="top" width="25%">
						 	{{ image.thumbnail_filepath | image_tag }}
							<br />
							<br />
						</td>
					</tr>
				</table>
			</td>
			{% cycle '', '', '</tr><tr>' %}								
			{% endfor %}
	</tr>
	</table>
</td>
</table>
</td>
</tr>
</table>
<br>
{% enduser_image_strip %}

{% comments_listing %}
{{requires_login_notice}}
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" border="0" class="friendsComments">
<tr>
<td class="text" align="left" width="435" bgcolor="ffffff" height="20">
<table bordercolor="ffcc99" height="20" cellspacing="0" cellpadding="0" width="441"
 bgcolor="ffcc99" border="1">
 <tr>
     <td width="441" style="word-wrap: break-word">
         <span class="orangetext15">
             <a href="/users/{{ user.username }}/comments">see all comments</a> {{ post_a_comment }}  
         </span>
     </td>
 </tr>
</table>

<table bordercolor="000000" cellspacing="3" cellpadding="0" width="435" align="center" bgcolor="ffffff" border="0">     
<tr>
   	<td bordercolor="ff9933" bgcolor="ffcccc">
       	<table width="100%" border="1" cellspacing="0" cellpadding="3" bordercolor="FFffff">
      			<tr>
             	<td align="center" valign="top" width="410" bgcolor="FF9933" style="word-wrap: break-word">
              			{{ comments_list }}										    			
               </td>
          		</tr>
	</table> 
</td> 
</tr>                  
</table> 
</td>
</tr>
</table>
{% endcomments_listing %}

</td>
</tr>

</table>
</td>
</tr>
</table>
</div></div></td></tr></table>

<style type="text/css">
body, html {visibility:visible !important; display:block !important}
div#footer {display: none;}
ul.functions li a {background-color: #fff !important; color: #333 !important; font-size: 9px !important;}
div#main_navigation ul.mainNavul li a {border-bottom-color: transparent !important; color:#304165 !important; text-decoration:none !important; font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif !important;}
div#main_navigation ul.mainNavul li a:hover {text-decoration: underline !important; color: #9b0606 !important;}
div#members div.user_thumbnail, div#photos div.photo_thumbnail {float:left; margin: 0 0 15px 15px;}
div.listing ul.functions li a.delete, div.listing ul.functions li a.flag {padding-left: 0 !important;}
</style>