/**
 * MyPage-style
 *
 * @author miken
 */

#wardrobeswfobject { margin-top:3px; width:700px; height:510px; }
/* Basic setup for all themes */
#mypres { width:700px; overflow:hidden; padding:0; }
#mypres .mptop { height:17px; background-position:0 0; background-repeat:no-repeat; }
#mypres .floor { height:7px; background-position:-1301px -229px; background-repeat:no-repeat; }

#mypres .frame { background: transparent none repeat-y -2001px 0; overflow:hidden; }
#mypres .frame .col1 { float:left; width:471px; padding:0 6px 0 17px; margin:0; overflow:hidden; }
#mypres .frame .col2 { float:left; width:190px; margin:0; }

/* Themecolors */
#themecolors { padding: 5px; }
#themecolors .colorbar { border: 1px solid #cc6666; height: 15px; margin: 3px auto; overflow: hidden; }

/* Visitors */
.box.avastarlist tr th, .box.avastarlist tr td { background-color:#fff; }
.box.avastarlist tfoot, .box.avastarlist tbody.empty { display:none; }
.box.avastarlist td span { color:#777; }
.box.avastarlist td img.p { float:right; margin:0 3px -1px 0; }

/* Member-only overload */
#memberlock .button.big { margin:0 auto; width:220px; }
#memberlock .button.big .btncenter { width:180px; }

/* BASIC CLASSES */
#mypres .box { width:190px; padding:0 0 3px 0; margin:3px 0; }
#mypres .box { background:none; }
#mypres .box.more .m a {
	display:block;
	background:transparent none no-repeat -570px -57px;
	font-weight:bold; text-align:center;
	height:19px; width:165px; line-height:19px;
	margin:6px 12px -3px;
}
#mypres div.item { margin:3px 3px 0 3px; padding:4px; width:176px; background:#fff; }
#mypres .box table th.avatar { width:30px; padding:0 3px 0 0; }
#mypres h6 { margin-top:0; position:relative; overflow:hidden; zoom:1; }
#mypres h6 em { float:none; position:absolute; top:0; right:0; background:transparent no-repeat -825px -17px; margin:0; width:5px; height:5px; }
#mypres h6 a span { position:absolute; top:0; right:0; background:transparent no-repeat -735px -57px; width:15px; height:18px; text-decoration:none; cursor:pointer; }
* html #mypres .col1 h6 em, * html #mypres .col1 h6 a span { right: -1px; }
#mypres .visitors h6, #mypres .gb h6, #mypres .blog h6, #mypres .scenery h6, #mypres .club h6 { background:transparent top left no-repeat; }
#mypres .blog h6 span, #mypres .scenery h6 span, #mypres .club h6 span { top:2px; }
#mypres div.item.superstar { background:url('../../i/box/bg_superstar.png?5597') repeat-x scroll center left; }
#mypres .presentation { overflow:hidden; width:470px; }
#mypres .presentation, #mypres .bf, #mypres .stst { margin-top:2px; }
#mypres .box.scenery h6, #mypres .box.club h6, #mypres .box.blog h6 { padding-bottom:0; }
#mypres .box.scenery h6 em, #mypres .box.club h6 em, #mypres .box.blog em { margin-top:0; }
#mypres .content { padding:0 0 0 10px; }
/* about */
#mypres .about { background:transparent no-repeat -830px 100%; }
#mypres .about .content { font-size:11px; padding-bottom:5px; }
#mypres .about h6 { background:transparent no-repeat 0 -123px; height:36px; }
#mypres .about .content table.bottom { width:460px; }
#mypres .about .content table.bottom .ctrl { width:130px; }
#mypres .about .content table.bottom .ctrl table { float:right; }
#mypres .about .content .useravastar {
	float:right; width:104px; height:114px; overflow:hidden; padding:0; margin:0 5px 0 0;
	background:transparent none no-repeat 8px 8px;
}

#mypres .starpointinfo { float:left; width:112px; margin-left:24px; }
#mypres .starpointinfo h1 { color:#fff; font-size:20px;padding-right:10px; }
#mypres .starpointinfo p { padding-left:10px; }
#mypres .starpointcrown {
	background:transparent url('../../i/account/points_left.png?5597') no-repeat scroll right top;
	width:112px; height:45px; text-align:right; padding:10px 0 0 0;
}
#mypres .aboutcontainer { width:140px; float:left; padding-top:10px; }
#mypres .aboutcontainer.rolemodel { font-size:15px; width:280px; float:left; padding-top:10px; }

/* quickfacts */
#mypres .qf { background:transparent no-repeat -830px 100%; }
#mypres .qf h6 { background:transparent no-repeat 0 -87px; height:31px; }
#mypres .qf .lookalike { width:104px; margin-right:5px; float:right; text-align:center; }
#mypres .qf .lookalike div { width:104px; height:114px; overflow:hidden; background-position:8px 8px; background-repeat:no-repeat; }
#mypres .qf table.list { margin:11px; }
#mypres .qf .list td { font-size:11px; width:140px; padding:0 25px 1px 0; vertical-align:top; font-weight:bold; }
#mypres .qf .list th { font-size:12px; font-weight:normal; width:140px; vertical-align:top; padding:0 25px 4px 0; }
#mypres .qf .button { float:right; }
#mypres .qf .button table { width:11px; margin:0px; }
#mypres .qf .button table td { padding:0 0 5px 5px; }
#mypres .qf .content { font-size:1.1em; padding-bottom:0px; }
#mypres .qf .content table.bottom { width:460px; }
#mypres .qf .content table.bottom .ctrl { width:130px; }
#mypres .qf .content table.bottom .ctrl table { float:right; }
/* visitors */
#mypres .visitors .item td { color:#777; }
#mypres .visitors #listmore { display:none; }
/* scenery */
#mypres .box.scenery h6 { background:#fff no-repeat -190px -57px; height:28px; }
#mypres .scenery .item { color:#777; }

/* sound */
.sound { padding:0; overflow:hidden; width:80px; background:transparent url('../../i/box/mypage_sound_bg.png?5597') repeat-x scroll center left; }
.sound .top { height:8px; background:transparent url('../../i/box/mypage_sound_bg_top.png?5597') no-repeat scroll top left; overflow:hidden; }
.sound .bottom { height:8px; background:transparent url('../../i/box/mypage_sound_bg_bottom.png?5597') no-repeat scroll top left; overflow:hidden; }
.sound .center { padding:1px 10px 3px 10px; border-left:1px solid #a6a6a6; border-right:1px solid #a6a6a6; }
.sound td { color:#a6a6a6; }
.sound td img { padding-right:5px; }
.sound td.title { width:100%; }
.sound td.title span { color:#000; font-weight:bold; }
.sound .control { width:20px; height:20px; }
.sound td .control { padding-right:3px; }

#mypres .sound { margin:0 5px; width: 465px; }
#mypres .sound td { font-size:1.3em; }
#mypage .sound .center { width:443px; }
.sound td.title span { font-size:1.3em; }
/* presentation */
#mypres .presentation .content { padding:10px; }
#mypres .presentation .control { float:right; }
	/* My Presentation style -- ARE THESE FOUR CLASSES USED?? */
	#mypres .presentation { text-align:left; }
	#mypres .presentation .h1, #mypres .presentation .h2, #mypres .presentation .h3 { font-weight:bold; font-size:1.8em; }
	#mypres .presentation .h2 { font-size:1.5em; }
	#mypres .presentation .h3 { font-size:1.2em; }
/* best friends  & styling studio*/
#mypres .bf table, #mypres .stst table { margin:8px 0 0 18px; }
#mypres .bf table td, #mypres .stst table td { width:146px; vertical-align:top; text-align:center; }
#mypres .bf table td a, #mypres .stst table td a { margin:0 auto; }
/* club list */
#mypres .box.club h6 { background:#fff none no-repeat -380px -57px; height:25px; }
#mypres .box.club .role { padding:4px 2px 0px 2px; font-weight:normal; }
#mypres .box.club .item a.clogo img { float:left; padding-right:5px; margin:0; }
#mypres .box.club .item .leave { float:right; }
#mypres .box.club .item a { font-weight:bold; }
#mypres .box.club .item { color:#777; height:30px; }
#mypres .box.club .item.expand { height:auto; }
/* guestbook  */
#mypres div.box.gb .item { color:#777 }
#mypres div.box.gb .item a { font-size:1.3em; font-weight:bold; }
#mypres div.box.gb { padding-bottom:8px; }
#mypres div.box.gb h6 { height:14px; }
#mypres div.box.gb table th.avatar { width:30px; padding:0 3px; }
/* blog */
#mypres .box.blog .item { color:#777 }
#mypres .box.blog .item a { font-weight:bold; }
#mypres .box.blog .item a.top { font-size:1.3em; }
#mypres .box.blog h6 { background:#fff none no-repeat 0 -57px; height:25px; }
/* add friend link */
#mypres div.col2 a.add-friend {
  background:url('../../i/icon/add_friend.gif?5597') no-repeat 0 50%; -color:#ad0068; cursor:pointer;
  display:block;
  font-size:16px; line-height:1;
  margin-bottom:5px; padding:8px 0 8px 37px;
}


/* ==============================================
	Theme-specific styles
============================================== */

/* 1 */
#mypres.mpt1 div.box { background-color:#e4e4e4; }
#mypres.mpt1 .presentation h6, #mypres.mpt1 .bf h6, #mypres.mpt1 .avastarlist h6, #mypres.mpt1 .gb h6, #mypres.mpt1 .stst h6 {
	background:url('../../i/theme/theme-1-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #3c3c3c;
}
#mypres.mpt1 div.box.more .m a { color:#fff; }
#mypres.mpt1 div.box.more .m a,
#mypres.mpt1 .box.scenery h6,
#mypres.mpt1 .box.club h6,
#mypres.mpt1 .box.blog h6,
#mypres.mpt1 .qf,
#mypres.mpt1 .about,
#mypres.mpt1 .frame,
#mypres.mpt1 .mptop,
#mypres.mpt1 h6 em,
#mypres.mpt1 h6 a span,
#mypres.mpt1 .about h6,
#mypres.mpt1 .about h6.rolemodel,
#mypres.mpt1 .qf h6,
#mypres.mpt1 .floor { background-image:url('../../i/theme/theme-1-sprite.png?5597'); }

/* 2 */
#mypres.mpt2 div.box { background-color:#faf3e0; }
#mypres.mpt2 .presentation h6, #mypres.mpt2 .bf h6, #mypres.mpt2 .avastarlist h6, #mypres.mpt2 .gb h6, #mypres.mpt2 .stst h6 {
	background:url('../../i/theme/theme-2-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #4d3722;
}
#mypres.mpt2 div.box.more .m a { color:#fff; }
#mypres.mpt2 div.box.more .m a,
#mypres.mpt2 .box.scenery h6,
#mypres.mpt2 .box.club h6,
#mypres.mpt2 .box.blog h6,
#mypres.mpt2 .qf,
#mypres.mpt2 .about,
#mypres.mpt2 .frame,
#mypres.mpt2 .mptop,
#mypres.mpt2 h6 em,
#mypres.mpt2 h6 a span,
#mypres.mpt2 .about h6,
#mypres.mpt2 .about h6.rolemodel,
#mypres.mpt2 .qf h6,
#mypres.mpt2 .floor { background-image:url('../../i/theme/theme-2-sprite.png?5597'); }

/* 3 */
#mypres.mpt3 div.box { background-color:#c4f3f0; }
#mypres.mpt3 .presentation h6, #mypres.mpt3 .bf h6, #mypres.mpt3 .avastarlist h6, #mypres.mpt3 .gb h6, #mypres.mpt3 .stst h6 {
	background:url('../../i/theme/theme-3-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #61afaa;
}
#mypres.mpt3 div.box.more .m a { color:#fff; }
#mypres.mpt3 div.box.more .m a,
#mypres.mpt3 .box.scenery h6,
#mypres.mpt3 .box.club h6,
#mypres.mpt3 .box.blog h6,
#mypres.mpt3 .qf,
#mypres.mpt3 .about,
#mypres.mpt3 .frame,
#mypres.mpt3 .mptop,
#mypres.mpt3 h6 em,
#mypres.mpt3 h6 a span,
#mypres.mpt3 .about h6,
#mypres.mpt3 .about h6.rolemodel,
#mypres.mpt3 .qf h6,
#mypres.mpt3 .floor { background-image:url('../../i/theme/theme-3-sprite.png?5597'); }

/* 4 */
#mypres.mpt4 div.box { background-color:#dcfbff; }
#mypres.mpt4 .presentation h6, #mypres.mpt4 .bf h6, #mypres.mpt4 .avastarlist h6, #mypres.mpt4 .gb h6, #mypres.mpt4 .stst h6 {
	background:url('../../i/theme/theme-4-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #77c9d5;
}
#mypres.mpt4 div.box.more .m a { color:#fff; }
#mypres.mpt4 div.box.more .m a,
#mypres.mpt4 .box.scenery h6,
#mypres.mpt4 .box.club h6,
#mypres.mpt4 .box.blog h6,
#mypres.mpt4 .qf,
#mypres.mpt4 .about,
#mypres.mpt4 .frame,
#mypres.mpt4 .mptop,
#mypres.mpt4 h6 em,
#mypres.mpt4 h6 a span,
#mypres.mpt4 .about h6,
#mypres.mpt4 .about h6.rolemodel,
#mypres.mpt4 .qf h6,
#mypres.mpt4 .floor { background-image:url('../../i/theme/theme-4-sprite.png?5597'); }


/* 5*/
#mypres.mpt5 div.box { background-color:#feeafa; }
#mypres.mpt5 .presentation h6, #mypres.mpt5 .bf h6, #mypres.mpt5 .avastarlist h6, #mypres.mpt5 .gb h6, #mypres.mpt5 .stst h6 {
	background:url('../../i/theme/theme-5-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #dd8ccc;
}
#mypres.mpt5 div.box.more .m a { color:#fff; }
#mypres.mpt5 div.box.more .m a,
#mypres.mpt5 .box.scenery h6,
#mypres.mpt5 .box.club h6,
#mypres.mpt5 .box.blog h6,
#mypres.mpt5 .qf,
#mypres.mpt5 .about,
#mypres.mpt5 .frame,
#mypres.mpt5 .mptop,
#mypres.mpt5 h6 em,
#mypres.mpt5 h6 a span,
#mypres.mpt5 .about h6,
#mypres.mpt5 .about h6.rolemodel,
#mypres.mpt5 .qf h6,
#mypres.mpt5 .floor { background-image:url('../../i/theme/theme-5-sprite.png?5597'); }

/* 6 */
#mypres.mpt6 div.box { background-color:#be0202; }
#mypres.mpt6 .presentation h6, #mypres.mpt6 .bf h6, #mypres.mpt6 .avastarlist h6, #mypres.mpt6 .gb h6, #mypres.mpt6 .stst h6 {
	background:url('../../i/theme/theme-6-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #610000;
}
#mypres.mpt6 div.box.more .m a { color:#fff; }
#mypres.mpt6 div.box.more .m a,
#mypres.mpt6 .box.scenery h6,
#mypres.mpt6 .box.club h6,
#mypres.mpt6 .box.blog h6,
#mypres.mpt6 .qf,
#mypres.mpt6 .about,
#mypres.mpt6 .frame,
#mypres.mpt6 .mptop,
#mypres.mpt6 h6 em,
#mypres.mpt6 h6 a span,
#mypres.mpt6 .about h6,
#mypres.mpt6 .about h6.rolemodel,
#mypres.mpt6 .qf h6,
#mypres.mpt6 .floor { background-image:url('../../i/theme/theme-6-sprite.png?5597'); }

/* 7 */
#mypres.mpt7 div.box { background-color:#e0d3a7; }
#mypres.mpt7 .presentation h6, #mypres.mpt7 .bf h6, #mypres.mpt7 .avastarlist h6, #mypres.mpt7 .gb h6, #mypres.mpt7 .stst h6 {
	background:url('../../i/theme/theme-7-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #9b8639;
}
#mypres.mpt7 div.box.more .m a { color:#fff; }
#mypres.mpt7 div.box.more .m a,
#mypres.mpt7 .box.scenery h6,
#mypres.mpt7 .box.club h6,
#mypres.mpt7 .box.blog h6,
#mypres.mpt7 .qf,
#mypres.mpt7 .about,
#mypres.mpt7 .frame,
#mypres.mpt7 .mptop,
#mypres.mpt7 h6 em,
#mypres.mpt7 h6 a span,
#mypres.mpt7 .about h6,
#mypres.mpt7 .about h6.rolemodel,
#mypres.mpt7 .qf h6,
#mypres.mpt7 .floor { background-image:url('../../i/theme/theme-7-sprite.png?5597'); }

/* 8 */
#mypres.mpt8 div.box { background-color:#d2d9ae; }
#mypres.mpt8 .presentation h6, #mypres.mpt8 .bf h6, #mypres.mpt8 .avastarlist h6, #mypres.mpt8 .gb h6, #mypres.mpt8 .stst h6 {
	background:url('../../i/theme/theme-8-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #646123;
}
#mypres.mpt8 div.box.more .m a { color:#fff; }
#mypres.mpt8 div.box.more .m a,
#mypres.mpt8 .box.scenery h6,
#mypres.mpt8 .box.club h6,
#mypres.mpt8 .box.blog h6,
#mypres.mpt8 .qf,
#mypres.mpt8 .about,
#mypres.mpt8 .frame,
#mypres.mpt8 .mptop,
#mypres.mpt8 h6 em,
#mypres.mpt8 h6 a span,
#mypres.mpt8 .about h6,
#mypres.mpt8 .about h6.rolemodel,
#mypres.mpt8 .qf h6,
#mypres.mpt8 .floor { background-image:url('../../i/theme/theme-8-sprite.png?5597'); }

/* 9 */
#mypres.mpt9 div.box { background-color:#e7ebfb; }
#mypres.mpt9 .presentation h6, #mypres.mpt9 .bf h6, #mypres.mpt9 .avastarlist h6, #mypres.mpt9 .gb h6, #mypres.mpt9 .stst h6 {
	background:url('../../i/theme/theme-9-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #9e93e6;
}
#mypres.mpt9 div.box.more .m a { color:#fff; }
#mypres.mpt9 div.box.more .m a,
#mypres.mpt9 .box.scenery h6,
#mypres.mpt9 .box.club h6,
#mypres.mpt9 .box.blog h6,
#mypres.mpt9 .qf,
#mypres.mpt9 .about,
#mypres.mpt9 .frame,
#mypres.mpt9 .mptop,
#mypres.mpt9 h6 em,
#mypres.mpt9 h6 a span,
#mypres.mpt9 .about h6,
#mypres.mpt9 .about h6.rolemodel,
#mypres.mpt9 .qf h6,
#mypres.mpt9 .floor { background-image:url('../../i/theme/theme-9-sprite.png?5597'); }

/* 10 */
#mypres.mpt10 div.box { background-color:#fdf3d9; }
#mypres.mpt10 .presentation h6, #mypres.mpt10 .bf h6, #mypres.mpt10 .avastarlist h6, #mypres.mpt10 .gb h6, #mypres.mpt10 .stst h6 {
	background:url('../../i/theme/theme-10-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #fdf3d9;
}
#mypres.mpt10 div.box.more .m a { color:#fff; }
#mypres.mpt10 div.box.more .m a,
#mypres.mpt10 .box.scenery h6,
#mypres.mpt10 .box.club h6,
#mypres.mpt10 .box.blog h6,
#mypres.mpt10 .qf,
#mypres.mpt10 .about,
#mypres.mpt10 .frame,
#mypres.mpt10 .mptop,
#mypres.mpt10 h6 em,
#mypres.mpt10 h6 a span,
#mypres.mpt10 .about h6,
#mypres.mpt10 .about h6.rolemodel,
#mypres.mpt10 .qf h6,
#mypres.mpt10 .floor { background-image:url('../../i/theme/theme-10-sprite.png?5597'); }

/* 11 */
#mypres.mpt11 div.box { background-color:#f5db8e; }
#mypres.mpt11 .presentation h6, #mypres.mpt11 .bf h6, #mypres.mpt11 .avastarlist h6, #mypres.mpt11 .gb h6, #mypres.mpt11 .stst h6 {
	background:url('../../i/theme/theme-11-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #e0b721;
}
#mypres.mpt11 div.box.more .m a { color:#fff; }
#mypres.mpt11 div.box.more .m a,
#mypres.mpt11 .box.scenery h6,
#mypres.mpt11 .box.club h6,
#mypres.mpt11 .box.blog h6,
#mypres.mpt11 .qf,
#mypres.mpt11 .about,
#mypres.mpt11 .frame,
#mypres.mpt11 .mptop,
#mypres.mpt11 h6 em,
#mypres.mpt11 h6 a span,
#mypres.mpt11 .about h6,
#mypres.mpt11 .about h6.rolemodel,
#mypres.mpt11 .qf h6,
#mypres.mpt11 .floor { background-image:url('../../i/theme/theme-11-sprite.png?5597'); }

/* 12 */
#mypres.mpt12 div.box { background-color:#d7eeed; }
#mypres.mpt12 .presentation h6, #mypres.mpt12 .bf h6, #mypres.mpt12 .avastarlist h6, #mypres.mpt12 .gb h6, #mypres.mpt12 .stst h6 {
	background:url('../../i/theme/theme-12-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #186863;
}
#mypres.mpt12 div.box.more .m a { color:#fff; }
#mypres.mpt12 div.box.more .m a,
#mypres.mpt12 .box.scenery h6,
#mypres.mpt12 .box.club h6,
#mypres.mpt12 .box.blog h6,
#mypres.mpt12 .qf,
#mypres.mpt12 .about,
#mypres.mpt12 .frame,
#mypres.mpt12 .mptop,
#mypres.mpt12 h6 em,
#mypres.mpt12 h6 a span,
#mypres.mpt12 .about h6,
#mypres.mpt12 .about h6.rolemodel,
#mypres.mpt12 .qf h6,
#mypres.mpt12 .floor { background-image:url('../../i/theme/theme-12-sprite.png?5597'); }

/* 13 */
#mypres.mpt13 div.box { background-color:#c8d7ae; }
#mypres.mpt13 .presentation h6, #mypres.mpt13 .bf h6, #mypres.mpt13 .avastarlist h6, #mypres.mpt13 .gb h6, #mypres.mpt13 .stst h6 {
	background:url('../../i/theme/theme-13-sprite.png?5597') no-repeat 0 -17px; border-bottom:1px solid #a18145;
}
#mypres.mpt13 div.box.more .m a { color:#fff; }
#mypres.mpt13 div.box.more .m a,
#mypres.mpt13 .box.scenery h6,
#mypres.mpt13 .box.club h6,
#mypres.mpt13 .box.blog h6,
#mypres.mpt13 .qf,
#mypres.mpt13 .about,
#mypres.mpt13 .frame,
#mypres.mpt13 .mptop,
#mypres.mpt13 h6 em,
#mypres.mpt13 h6 a span,
#mypres.mpt13 .about h6,
#mypres.mpt13 .about h6.rolemodel,
#mypres.mpt13 .qf h6,
#mypres.mpt13 .floor { background-image:url('../../i/theme/theme-13-sprite.png?5597'); }