/**
 * Startpage stylesheet for Stardoll.
 *
 * @author Mikael Berggren
 */
 
#bigtoppuff { width:506px; height:290px; }

.columns2wide .col1 .flashpuffs { z-index:-1; }
.columns2wide .col1 { margin-top:3px; }


/* Catwalk */
#contleft .box.catwalk {
	text-align:center;
	padding:0;
	margin-top:3px;
	color:#79123e;
	background-color:#fff7b1;
	background-position:-504px 100%;
}
#contleft .box.catwalk .head {
	height:26px; background:transparent url('../../i/common-sprite.png?5597') no-repeat -156px -272px;
	border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px;
}
#contleft .box.catwalk .txt { font-size:11px; color:#906; padding:8px 8px 4px 8px; }
#contleft .box.catwalk .txt .button { margin-top:5px; }
#catwalk { height:330px; padding:0; overflow:hidden; margin:0; }
#catwalk a.u { display:block; padding:5px 0; overflow:hidden; }
#catwalk a.u img { width:88px; height:88px; }
.columns2wide .widesplit .stardollads { float:left; width:252px; overflow:hidden; }
.columns2wide .widesplit .stardollads#sdads_bt_10 { margin-left:2px; }
#catwalkwinner { padding-top:23px; width:188px; height:297px; background-image:url('../../i/catwalk/winnerBackground.png?5597'); }
#catwalkwinner img { margin:auto; height:270px; display:block; }

/* stardoll News */
.columns2wide .col2 .stardollNewsBox { width:auto; padding:3px 3px 3px 3px; }
.columns2wide .col2 .stardollNewsBox a, strong { font-weight:bold; color:#940058; }
.columns2wide .col2 .stardollNewsBox strong { color:#000; font-size:12px; }

/* Invite ticker box on startpage */
div.inviteticker {
	border:1px solid #eed0d0; background:url('../../i/box/fade/pmi_bg.gif?5597') repeat-x scroll bottom left;
	line-height:23px; min-height:25px; margin-top:3px; padding-left:5px;
}
div.inviteticker a.button { float:right; margin-right:1px; display:inline; }

/* potd */
#potd { text-align:center; display:block; color:#940058; font-weight:bold; margin-bottom:6px; }
#potd a {text-decoration:none}
#potd a:hover span{text-decoration:underline}

/* === Localized content === */
.poll .question, .poll .row { border-bottom:dotted 1px #e0aead; }
.poll .question, .poll .row, .poll .info { padding:1px 5px; }
.poll .question { font-weight:bold; }
.poll .row { height:26px; background:transparent url('../../i/common-sprite.png?5597') no-repeat -472px -272px; overflow:hidden; }
.poll .row.correct { background-position: -472px -335px; }
.poll .row .text { height:12px; overflow:hidden; }
.poll .row .barL, .poll .row .barR { width:5px; height:13px; float:left; }
.poll .row .barL, .poll .row .barC , .poll .row .barR { margin-top:1px; }
.poll .row .barL { background:transparent url('../../i/common-sprite.png?5597') no-repeat -662px -272px; }
.poll .row .barC { background:transparent url('../../i/common-sprite.png?5597') no-repeat -667px -272px; width:147px; height:13px; float:left; }
.poll .row .barR { background:transparent url('../../i/common-sprite.png?5597') no-repeat -837px -272px; }
.poll .row .barL span, .poll .row .barC span, .poll .row .barR span {
	display:block;
	background:transparent url('../../i/common-sprite.png?5597') no-repeat -662px -285px;
	height:13px;
	width:5px;
	overflow:hidden; 
}
.poll .row .barC span { background-position:-667px -285px; }
.poll .row .barR span { background-position:-837px -285px; }

.poll .result { padding:2px 5px 0px 5px; }

.poll .vote, .poll .vote_sel {
	line-height:21px; padding:0 5px 0px 20px; height:21px;
	background:transparent url('../../i/common-sprite.png?5597') no-repeat -282px -272px;
	border-bottom:dotted 1px #e0aead; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.poll .vote input, .poll .vote_sel input { display:none; }
.poll .vote_sel { background-position:-282px -336px; }


#welcome { height:388px; margin-top:3px; border:3px solid #ad0068; position:relative; }
#welcome form { background:#ffe1e1 url('../../i/startpage/login-gradient.png?5597') repeat-x 0 100%; border:1px solid #eb9696; box-shadow:0 2px 5px rgba(0, 0, 0, .6); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, .6); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .6); padding:6px; position:absolute; right:10px; top:10px; width:180px; z-index:10; }
#welcome form p.signup { border-top:1px dotted #ad0068; font-size:11px; margin-top:5px; padding-top:5px;}
#welcome form a { color:#ad0068; font-weight:bold; }
#welcome form fieldset { border:0; position:relative; }
#welcome form fieldset legend { display:none; }
#welcome form fieldset input.txt { border:1px solid #ccc; margin-bottom:5px; padding:3px; width:172px; }
#welcome form fieldset a.button { color:#fff; float:right; }
#welcome form fieldset label { display:block; font-size:11px; }
#welcome form fieldset label a { border-bottom:1px dashed #ad0068; }
#welcome form fieldset label.remember { color:#ad0068; }
#welcome form fieldset label.remember input, x:-moz-any-link { vertical-align:text-bottom; }
*:first-child+html #welcome form fieldset label.remember input { vertical-align:baseline; }
#welcome form fieldset p { margin-top:4px; font-size:11px; }
#welcome form fieldset p.error { margin:0 0 4px; }
#welcome form fieldset p.error strong { color:#c00; font-weight:bold; }

#welcome p.badge {
	background:url('../../i/startpage/free-en.png?5597') no-repeat 0 0;
	height:0; left:-3px; overflow:hidden; opacity:.95; padding-top:100px; position:absolute; top:-3px;
	width:100px; z-index:10;
}

#welcome div.slide {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:824px;
	height:388px;
}
	#welcome div.slide img {
		display:block;
	}
#welcome div.title {
	background:url('../../i/startpage/title.png?5597') repeat 0 0;
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	z-index:10;
}
	#welcome div.title span.label {
		display:block;
		color:#fff;
		font-size:24px;
		height:24px;
		line-height:24px;
		text-shadow:0 1px 2px #000; -moz-text-shadow:0 1px 2px #000;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		padding:26px 20px;
		opacity:0;
	}
		#welcome div.title span.label strong {
			color:#fff;
			font-weight:bold;
		}

#links {
	list-style:none;
	margin-top:3px;
	overflow:hidden;
}
	#links li {
		float:left;
		font-size:16px;
		background:#ffcfcf;
		width:406px;
		padding:3px;
		text-align:right;
	}
	#links li.first { margin-right:6px; }
		#links li a {
			background:#fff url('../../i/startpage/links.jpg?5597') no-repeat 4px 4px;
			border:1px solid #eb9696;
			color:#000;
			display:block;
			height:190px;
			padding:10px;
			text-decoration:none;
		}
		#links li a:hover {
			border-color:#ad0068;
			color:#ad0068;
		}
		#links li.last a {
			background-position:-396px 4px;
		}
			#links li a strong {
				color:#000;
				display:block;
				font-size:22px;
			}
			#links li a:hover strong {
				color:#ad0068;
			}

		/* Longer text */
		#links li.last a.alt {
			background:#fff url('../../i/startpage/link-whatis.jpg?5597') no-repeat 4px 4px;
			position:relative;
		}
			#links li a.alt span {
				bottom:10px;
				display:block;
				font-size:12px; font-weight:bold;
				left:10px;
				position:absolute;
				text-align:left;
			}


p.start {
	bottom:10px;
	z-index:100;
	font-weight:bold;
	position:absolute;
	right:10px;
}
	p.start a {
		box-shadow:0 2px 5px rgba(0, 0, 0, .6); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, .6); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .6);
		height:24px; _padding-top:14px!important; position:relative; white-space:nowrap;
	}
	p.start > a { display:block; }
		p.start a span {
			bottom:-2px;
			-ms-filter:'alpha(opacity=0)'; filter:alpha(opacity=0); /*MS*/
			height:24px;
			left:-2px;
			opacity:0;
			position:absolute;
			right:-2px;
			top:-2px;
		}
		p.start a span.pulse {
			background:url('../../i/btn/new.png?5597') repeat-x 0 -264px;
			border:2px solid #990066;
			border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
			font-size:24px;
			padding:14px 20px;
			_height:24px; _white-space:nowrap;
		}
		p.start a span.flash {
			background:#fff;
			border:2px solid #fff;
			border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
			box-shadow:0 0 10px #fff; -moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff;
			display:block;
			height:52px;
			zoom:1;
		}
		* html p.start a span.flash {
			height:52px;
			left:-2px;
			top:-2px;
			width:expression(this.parentNode.offsetWidth - 4 + 'px');
		}
		p.start a em {
			font-style:normal;
		}

.boundingbox { float:left; margin:3px 0; width:252px; }
.col2 .boundingbox { width:190px; overflow:hidden; }
.boundingbox.first { margin-right:2px; }
.boundingbox ul { width:250px; }
.col2 .boundingbox ul { width:190px; }
.bigbox { height:261px; border:1px solid #fcd6d4; background:#fef1f1; padding:0px; }
.col2 .bigbox { height:auto; }
.bigbox a.more { font-size:1.1em; font-weight:bold; margin:6px; float:right; }
.col2 .bigbox a.more { background:none; }
.boundingbox .header { font-size:1em; font-weight:bold; display:block; height:19px; padding:4px 4px 2px 4px; background:#fcd6d4 url('../../i/common-sprite.png?5597') repeat-x 0 -388px; }
.boundingbox .bigbox { position:absolute; left:-1000%; zoom:1; width:0; }
.boundingbox div.selected { display:block; left:0; position:static; width:auto; }

.bigbox .hlBox.dollbox { border:1px solid #fcd6d4; margin:2px 1px 1px 2px; background:transparent no-repeat -6px -6px; }
* html .bigbox .dollbox { margin-left:1px; }
.bigbox .hlBox.dollbox.wide { width:88px; }
.hlBox.dollbox span.name { overflow:hidden; padding:2px; line-height:0.9em; }
.hlBox.dollbox a span.img { display:block; width:76px; height:76px; }
.col2 .hlBox.dollbox a span.img { width:88px; height:88px; }
.hlBox.dollbox a span img { position:relative; left:32px; top:2px; }

a.flipbutton { float:left; text-decoration:none; }
a.flipbutton.selected { height:22px; background:url('../../i/icon/pyramid1Up.png?5597') no-repeat bottom center; }
a.flipbutton span {
	display:block;
	color:#a61d75;
	font-weight:bold;
	padding:2px 5px;
	float:left;
	cursor:pointer;
}
a.flipbutton.selected span {
	color:#000;
	padding:1px 4px;
	background-color:#fff;
	border:1px solid #fff;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
a.flipbutton { margin-right:7px; }
h6.startHead a.last { float:right; }

.boundingbox ul.genreItems { list-style:none }
.boundingbox ul.genreItems img { display:block }
.boundingbox ul.genreItems a span { height:31px; overflow:hidden; padding:4px 0 0 }
.boundingbox ul.users {
	clear:both;
	font-size:10px;
	list-style:none;
	padding:0 0 0 2px;
}
* html .boundingbox ul.users { overflow:hidden; width:248px; }
* html .col2 .boundingbox ul.users { width:190px; }
	.boundingbox .users li {
		float:left;
		margin:2px 3px 1px 0;
		overflow:hidden;/*IE6*/
		width:80px;
	}
	* html .boundingbox .users li { margin-right:2px; }
	.col2 .boundingbox .users li { width:92px; }
		.boundingbox .users li a {
			background:#fcd6d4 url('../../i/common-sprite.png?5597') repeat-x 0 -311px;
			display:block;
			height:113px;
		}
		.col2 .boundingbox .users li a { height:125px; background-position:0 -299px; }
		* html .boundingbox .users li a { overflow:hidden; zoom:1; }
		.boundingbox .users li.ss a { background-color:#ffe760; background-position:0 42px; }
		.col2 .boundingbox .users li.ss a { background-position:0 54px; }
			.boundingbox .users li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
			.boundingbox .users li .img,
			.boundingbox .users li .name,
			.boundingbox .users li .info { display:block; height:17px; line-height:17px; text-align:center; }
			.col2 .boundingbox .users li .info { width:89px; }
			.boundingbox .users li .img { background:#fff; border:1px solid #fcd6d4; height:76px; padding:0 1px; width:76px; }
			.col2 .boundingbox .users li .img { height:88px; width:88px; }
			.boundingbox .users li .name { font-weight:bold; padding:0 3px; position:relative; width:74px;/*IE6*/ }
			.col2 .boundingbox .users li .name { width:86px;/*IE6*/ }
			.boundingbox .users li.ss .name { padding-top:74px; margin-top:-74px; background:url('../../i/icon/superstar_12.gif?5597') no-repeat 63px 0; }
			.col2 .boundingbox .users li.ss .name { padding-top:86px; margin-top:-86px; background-position:75px 0; }
				.boundingbox .users li .flag { margin:3px; padding-left:20px; width:auto; }
				/* no flags */
				.boundingbox .users li span.none,
				.cobranding_maktoob .boundingbox .users li .flag { padding-left:0; background:none; }
				.boundingbox .users li .img img { height:76px; width:76px; }
				.col2 .boundingbox .users li .img img { height:88px; width:88px; }
/* brand "skins" */
.boundingbox.brand101{background:url('../../i/startpage/brands/le.png?5597') no-repeat 0 3px}.brand101 h6,.brand101 .header{visibility:hidden}.brand101 .bigbox{background:none;border-color:transparent; }.brand101 .more{color:#fff}
.boundingbox.brand176{background:url('../../i/startpage/brands/pinkribbon.png?5597') no-repeat 0 3px}.brand176 h6,.brand176 .header{visibility:hidden}.brand176 .bigbox{background:none;border-color:transparent; }.brand176 .more{color:#950b5a}