/* Misc
-------------------------------------------------------------- */

#tiny a, #tinyFooter a { color: #9F2171 !important; text-decoration: none !important; }
#tiny a:hover, #tinyFooter a:hover { text-decoration: underline !important; }

/* Header
-------------------------------------------------------------- */

#header {
	display: block !important;
	height: 55px !important;
	position: relative !important;
	background: url(../../images/newpiczo/header-bg.gif) repeat-x !important;
	color: #fff !important;
	/* IE-fix, the logo doesn't get placed in front of the header unless the z-index here is higher */
	#z-index: 1000 !important;
}
.logo {
	position: absolute !important;
	top: 2px !important;
	left: 2px !important;
	margin: 0 !important;
	height: 89px !important;
	width: 173px !important;
	background: url(../../images/newpiczo/logo.png) no-repeat !important;
	z-index: 999 !important;
}
.logo a { display: block !important; height: 100% !important; text-indent: -2000em !important; }

#menu {
	display: block !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	overflow: hidden !important;
	position: absolute !important;
	left: 275px !important;
	text-align: center !important;
}
#menu li { display: inline-block !important; padding: 0 !important; margin: 0 10px 0 0 !important; }
#menu .active, #menu li:hover { background: url(../../images/newpiczo/underline.png) no-repeat 50% 36px !important; }
#menu a {
	display: block !important;
	height: 55px !important;
	text-indent: -2000em !important;
	padding: 0 16px !important;
	background-repeat: no-repeat !important;
	background-position: 16px 22px !important;
}
#menu .create a { background-image: url(../../images/newpiczo/menu/create.png) !important; width: 52px !important; }
#menu .explore a { background-image: url(../../images/newpiczo/menu/explore.png) !important; width: 61px !important; }
#menu .join a { background-image: url(../../images/newpiczo/menu/join.png) !important; width: 34px !important; }
#menu .mypiczo a { background-image: url(../../images/newpiczo/menu/mypiczo.png) !important; width: 67px !important; }
#menu .messages a { background-image: url(../../images/newpiczo/menu/messages.png) !important; width: 69px !important; }
#menu .help a { background-image: url(../../images/newpiczo/menu/help.png) !important; width: 35px !important; }

#header .login, #header .loggedin { width: 300px !important; margin: 0 !important; position: absolute !important; right: 0 !important; top: 5px !important; }
#header .login form { padding: 0 0 0 19px !important; }
#header .loggedin { text-align: right !important; padding: 0 !important; width: 295px !important; top: 16px !important; right: 38px !important; }

/* Tiny header
-------------------------------------------------------------- */

#tiny { 
	display: block !important;
	clear: both !important;
	position: relative !important;
	height: 35px !important;
	overflow: visible !important;
	background: url(../../images/newpiczo/tiny-header-bg.gif) repeat-x !important;
	color: #fff !important;
	font-size: 0.7em !important;
	line-height: 21px !important;
	z-index: 9999998 !important;
}

#tiny .logo {
	top: 4px !important;
	left: 0 !important;
	margin: 0 !important;
	height: 28px !important;
	width: 41px !important;
	background: url(../../images/newpiczo/logo-tiny.gif) no-repeat !important;
}

#tiny #menu {
	position: static !important;
	margin: 0 auto !important;
	float: none !important;
    width: 510px !important;
}
#tiny #menu a { height: 32px !important; background-position: 16px 12px !important;  }
#tiny #menu .active { background-position: 50% 25px !important; }

#tiny a img { border: 0 none !important; }

#tiny .login, #tiny .loggedin { position: absolute !important; text-align: right !important; margin: 0 !important; padding: 0 !important; width: 295px !important; top: 8px !important; right: 38px !important; }

#tiny .blackBox { 
	position: absolute !important;
	right: 0 !important;
	top: 34px !important;
	width: 120px !important;
	overflow: hidden !important;
	background: #000 !important;
	text-align: center !important;
	padding: 6px 0 4px 0 !important;
}

.blackBox .imgWrapper { margin: 0 auto 0 auto !important; width: 55px !important; overflow: hidden !important; }

/* Footer
-------------------------------------------------------------- */

#footer {
	clear: both !important;
	overflow: hidden !important;
	background: #000 url(../../images/newpiczo/handdrawn-flower-footer.gif) no-repeat 100% 100% !important;
	height: 265px !important;
	padding: 0 0 0 35px !important;
	position: relative !important;
}

#footer ul { list-style: none !important; overflow: hidden !important; }
#footer a { color: #fff !important; }
#footer li { display: block !important; float: left !important; border-right: 1px solid #fff !important; padding: 0 5px 0 0 !important; margin: 0 5px 0 0 !important; }
#footer .last { border-right: 0 none !important; margin: 0 !important; }
#footer .important { 
	float: left !important; 
	margin: 160px 0 5px 0 !important; 
	font-size: 1.2em !important; 
	font-weight: bold !important; 
	line-height: 17px !important; 
	overflow: visible !important; 
}
#footer .affiliates { position: absolute !important; top: 143px !important; left: 548px !important; }
#footer .affiliates .stardoll {}
#footer .affiliates .paperdollheaven {}
#footer .less-important { clear: both !important; float: left !important; margin: 3px 0 0 0 !important; font-size: 1em !important; line-height: 16px !important; }
#footer .copyright { clear: both !important; float: left !important; color: #3b3b3b !important; margin: 18px 0 0 0 !important; }
#footer .privacy { position: relative !important; margin-left:8px !important; margin-right:5px !important; padding-right:15px !important; }
#footer .privacy a { color: #9f2171 !important; }
#footer .privacy .border { 
	position: absolute !important; 
	height: 36px !important; 
	width: 78px !important; 
	top: -8px !important; 
	left: -12px !important; 
	background: url(../../images/newpiczo/privacy-bg.gif) no-repeat 0 0 !important; 
}

/* Tiny Footer
-------------------------------------------------------------- */

#tinyFooter { 
	height: 18px !important;
	line-height: 18px !important;
	background: #000 !important;
	color: #fff !important;
	padding: 0 5px !important;
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 9999997 !important;
	font-size: 0.6em !important;
}
#tinyFooter a { font-size: 1em !important; }
#tinyFooter .impressum { position:absolute !important; right:1 !important; padding-right:15px !important; }

/* Icons
-------------------------------------------------------------- */
.ok-l, .del-l, .add-l, .minus-l, .love-l, .unlove-l, .chat-l, .write-l, .mail-l, .excl-l, .triangle-l, .block-l,
.ok-m, .del-m, .add-m, .minus-m, .love-m, .unlove-m, .chat-m, .write-m, .mail-m, .excl-m, .triangle-m, .block-m,
.ok-s, .del-s, .add-s, .minus-s, .love-s, .unlove-s, .chat-s, .write-s, .mail-s, .excl-s, .triangle-s, .block-s {
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 0 !important;
	cursor: pointer !important;
}

.ok-l, .del-l, .add-l, .minus-l, .love-l, .unlove-l, .chat-l, .write-l, .mail-l, .excl-l, .triangle-l, .block-l {
	width: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	margin-right: 8px !important;
	background: transparent url(../../images/newpiczo/icons-l.gif) no-repeat !important;
}
.ok-m, .del-m, .add-m, .minus-m, .love-m, .unlove-m, .chat-m, .write-m, .mail-m, .excl-m, .triangle-m, .block-m {
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
	margin-right: 5px !important;
	background: transparent url(../../images/newpiczo/icons-m.gif) no-repeat !important;
	vertical-align: middle !important;

}
.ok-s, .del-s, .add-s, .minus-s, .love-s, .unlove-s, .chat-s, .write-s, .mail-s, .excl-s, .triangle-s, .block-s {
	width: 19px !important;
	height: 19px !important;
	line-height: 19px !important;
	margin-right: 3px !important;
	background: transparent url(../../images/newpiczo/icons-s.gif) no-repeat !important;
}

.ok-l { background-position: -2px -52px !important; }
.ok-m { background-position: 0 -25px !important; }
.ok-s { background-position: 0 -19px !important; }
button:hover .ok-l, a:hover .ok-l, .ok-l:hover { background-position: -2px 0 !important; }
button:hover .ok-m, a:hover .ok-m, .ok-m:hover { background-position: 0 0 !important; }
button:hover .ok-s, a:hover .ok-s, .ok-s:hover { background-position: 0 0 !important; }
.del-l { background-position: -53px -52px !important; }
.del-m { background-position: -25px -25px !important; }
.del-s { background-position: -18px -19px !important; }
button:hover .del-l, a:hover .del-l, .del-l:hover { background-position: -53px 0 !important; }
button:hover .del-m, a:hover .del-m, .del-m:hover { background-position: -25px 0 !important; }
button:hover .del-s, a:hover .del-s, .del-s:hover { background-position: -18px 0 !important; }
.add-l { background-position: -106px -52px !important; }
.add-m { background-position: -50px -25px !important; }
.add-s { background-position: -37px -19px !important; }
button:hover .add-l, a:hover .add-l, .add-l:hover { background-position: -105px 0 !important; }
button:hover .add-m, a:hover .add-m, .add-m:hover { background-position: -50px 0 !important; }
button:hover .add-s, a:hover .add-s, .add-s:hover { background-position: -37px 0 !important; }
.minus-l { background-position: -157px -52px !important; }
.minus-m { background-position: -75px -25px !important; }
.minus-s { background-position: -56px -19px !important; }
button:hover .minus-l, a:hover .minus-l, .minus-l:hover { background-position: -157px 0 !important; }
button:hover .minus-m, a:hover .minus-m, .minus-m:hover { background-position: -75px 0 !important; }
button:hover .minus-s, a:hover .minus-s, .minus-s:hover { background-position: -56px 0 !important; }
.love-l { background-position: -209px -52px !important; }
.love-m { background-position: -100px -25px !important; }
.love-s { background-position: -75px -19px !important; }
button:hover .love-l, a:hover .love-l, .love-l:hover { background-position: -209px 0 !important; }
button:hover .love-m, a:hover .love-m, .love-m:hover { background-position: -100px 0 !important; }
button:hover .love-s, a:hover .love-s, .love-s:hover { background-position: -75px 0 !important; }
.unlove-l { background-position: -261px -52px !important; }
.unlove-m { background-position: -125px -25px !important; }
.unlove-s { background-position: -94px -19px !important; }
button:hover .unlove-l, a:hover .unlove-l, .unlove-l:hover { background-position: -261px 0 !important; }
button:hover .unlove-m, a:hover .unlove-m, .unlove-m:hover { background-position: -125px 0 !important; }
button:hover .unlove-s, a:hover .unlove-s, .unlove-s:hover { background-position: -94px 0 !important; }
.chat-l { background-position: -313px -52px !important; }
.chat-m { background-position: -149px -25px !important; }
.chat-s { background-position: -113px -19px !important; }
button:hover .chat-l, a:hover .chat-l, .chat-l:hover { background-position: -313px 0 !important; }
button:hover .chat-m, a:hover .chat-m, .chat-m:hover { background-position: -149px 0 !important; }
button:hover .chat-s, a:hover .chat-s, .chat-s:hover { background-position: -113px 0 !important; }
.write-l { background-position: -365px -52px !important; }
.write-m { background-position: -175px -25px !important; }
.write-s { background-position: -133px -19px !important; }
button:hover .write-l, a:hover .write-l, .write-l:hover { background-position: -365px 0 !important; }
button:hover .write-m, a:hover .write-m, .write-m:hover { background-position: -175px 0 !important; }
button:hover .write-s, a:hover .write-s, .write-s:hover { background-position: -133px 0 !important; }
.mail-l { background-position: -418px -52px !important; }
.mail-m { background-position: -200px -25px !important; }
.mail-s { background-position: -151px -19px !important; }
button:hover .mail-l, a:hover .mail-l, .mail-l:hover { background-position: -418px 0 !important; }
button:hover .mail-m, a:hover .mail-m, .mail-m:hover { background-position: -200px 0 !important; }
button:hover .mail-s, a:hover .mail-s, .mail-s:hover { background-position: -151px 0 !important; }
.excl-l { background-position: -469px -52px !important; }
.excl-m { background-position: -225px -25px !important; }
.excl-s { background-position: -170px -19px !important; }
button:hover .excl-l, a:hover .excl-l, .excl-l:hover { background-position: -469px 0 !important; }
button:hover .excl-m, a:hover .excl-m, .excl-m:hover { background-position: -225px 0 !important; }
button:hover .excl-s, a:hover .excl-s, .excl-s:hover { background-position: -170px 0 !important; }
.triangle-l { background-position: -520px -52px !important; }
.triangle-m { background-position: -250px -25px !important; }
.triangle-s { background-position: -189px -19px !important; }
button:hover .triangle-l, a:hover .triangle-l, .triangle-l:hover { background-position: -521px 0 !important; }
button:hover .triangle-m, a:hover .triangle-m, .triangle-m:hover { background-position: -250px 0 !important; }
button:hover .triangle-s, a:hover .triangle-s, .triangle-s:hover { background-position: -189px 0 !important; }
.block-l { background-position: -571px -52px !important; }
.block-m { background-position: -275px -25px !important; }
.block-s { background-position: -207px -19px !important; }
button:hover .block-l, a:hover .block-l, .block-l:hover { background-position: -571px 0 !important; }
button:hover .block-m, a:hover .block-m, .block-m:hover { background-position: -275px 0 !important; }
button:hover .block-s, a:hover .block-s, .block-s:hover { background-position: -207px 0 !important; }

/* Buttons copied from screen.css - do not edit these here!
-------------------------------------------------------------- */

.piczoButtonSmall, .piczoButtonMedium, .piczoButtonLarge { 
	display: inline-block !important; 
	position: relative !important;
	background-color: #fff !important; 
	color: #A22876 !important; 
	cursor: pointer !important; 
	border: 1px solid #A22876 !important; 
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	font-weight: bold !important;
	text-align: left !important;
	text-decoration: none !important;
}

.piczoButtonSmall:hover, .piczoButtonMedium:hover, .piczoButtonLarge:hover { background-color: #A22876 !important; color: #fff !important; text-decoration: none !important; }
.piczoButtonSmall span, .piczoButtonMedium span, .piczoButtonLarge span { line-height: 0 !important; margin: 0 !important; position: absolute !important; left: 0 !important; top: 0 !important; }
.piczoButtonSmall { font-size: 0.9em !important; height: 19px !important; line-height:  19px !important; padding: 0 4px 0 23px !important; }
.piczoButtonMedium { font-size: 1.1em !important; height: 25px !important; line-height: 25px !important; padding: 0 7px 0 32px !important; }
.piczoButtonLarge { font-size: 1.8em !important; height: 52px !important; line-height: 52px !important; padding: 0 10px 0 62px !important; }
button.piczoButtonSmall, button.piczoButtonMedium, button.piczoButtonLarge { overflow: visible !important; }
button.piczoButtonSmall { height: 20px !important; }
button.piczoButtonMedium { height: 26px !important; }
button.piczoButtonLarge { height: 53px !important; }

/* Firefox fix */
button.piczoButtonSmall span, x:-moz-any-link, x:default { top: -4px !important; left: -26px !important; }
button.piczoButtonMedium span, x:-moz-any-link, x:default { top: -6px !important; left: -35px !important; }
button.piczoButtonLarge span, x:-moz-any-link, x:default { top: -13px !important; left: -65px !important; }

.piczoButtonLarge:hover .ok-l, .piczoButtonLarge .ok-l:hover { background-position: -2px -52px !important; }
.piczoButtonMedium:hover .ok-m, .piczoButtonMedium .ok-m:hover { background-position: 0 -25px !important; }
.piczoButtonSmall:hover .ok-s, .piczoButtonSmall .ok-s:hover { background-position: 0 -19px !important; }
.piczoButtonLarge:hover .del-l, .piczoButtonLarge .del-l:hover { background-position: -53px -52px !important; }
.piczoButtonMedium:hover .del-m, .piczoButtonMedium .del-m:hover { background-position: -25px -25px !important; }
.piczoButtonSmall:hover .del-s, .piczoButtonSmall .del-s:hover { background-position: -18px -19px !important; }
.piczoButtonLarge:hover .add-l, .piczoButtonLarge .add-l:hover { background-position: -105px -52px !important; }
.piczoButtonMedium:hover .add-m, .piczoButtonMedium .add-m:hover { background-position: -50px -25px !important; }
.piczoButtonSmall:hover .add-s, .piczoButtonSmall .add-s:hover { background-position: -37px -19px !important; }
.piczoButtonLarge:hover .minus-l, .piczoButtonLarge .minus-l:hover { background-position: -157px -52px !important; }
.piczoButtonMedium:hover .minus-m, .piczoButtonMedium .minus-m:hover { background-position: -75px -25px !important; }
.piczoButtonSmall:hover .minus-s, .piczoButtonSmall .minus-s:hover { background-position: -56px -19px !important; }
.piczoButtonLarge:hover .love-l, .piczoButtonLarge .love-l:hover { background-position: -209px -52px !important; }
.piczoButtonMedium:hover .love-m, .piczoButtonMedium .love-m:hover { background-position: -100px -25px !important; }
.piczoButtonSmall:hover .love-s, .piczoButtonSmall .love-s:hover { background-position: -75px -19px !important; }
.piczoButtonLarge:hover .unlove-l, .piczoButtonLarge .unlove-l:hover { background-position: -261px -52px !important; }
.piczoButtonMedium:hover .unlove-m, .piczoButtonMedium .unlove-m:hover { background-position: -125px -25px !important; }
.piczoButtonSmall:hover .unlove-s, .piczoButtonSmall .unlove-s:hover { background-position: -94px -19px !important; }
.piczoButtonLarge:hover .chat-l, .piczoButtonLarge .chat-l:hover { background-position: -313px -52px !important; }
.piczoButtonMedium:hover .chat-m, .piczoButtonMedium .chat-m:hover { background-position: -149px -25px !important; }
.piczoButtonSmall:hover .chat-s, .piczoButtonSmall .chat-s:hover { background-position: -113px -19px !important; }
.piczoButtonLarge:hover .write-l, .piczoButtonLarge .write-l:hover { background-position: -365px -52px !important; }
.piczoButtonMedium:hover .write-m, .piczoButtonMedium .write-m:hover { background-position: -175px -25px !important; }
.piczoButtonSmall:hover .write-s, .piczoButtonSmall .write-s:hover { background-position: -133px -19px !important; }
.piczoButtonLarge:hover .mail-l, .piczoButtonLarge .mail-l:hover { background-position: -418px -52px !important; }
.piczoButtonMedium:hover .mail-m, .piczoButtonMedium .mail-m:hover { background-position: -200px -25px !important; }
.piczoButtonSmall:hover .mail-s, .piczoButtonSmall .mail-s:hover { background-position: -151px -19px !important; }
.piczoButtonLarge:hover .excl-l, .piczoButtonLarge .excl-l:hover { background-position: -469px -52px !important; }
.piczoButtonMedium:hover .excl-m, .piczoButtonMedium .excl-m:hover { background-position: -225px -25px !important; }
.piczoButtonSmall:hover .excl-s, .piczoButtonSmall .excl-s:hover { background-position: -170px -19px !important; }
.piczoButtonLarge:hover .triangle-l, .piczoButtonLarge .triangle-l:hover { background-position: -521px -52px !important; }
.piczoButtonMedium:hover .triangle-m, .piczoButtonMedium .triangle-m:hover { background-position: -250px -25px !important; }
.piczoButtonSmall:hover .triangle-s, .piczoButtonSmall .triangle-s:hover { background-position: -189px -19px !important; }
.piczoButtonLarge:hover .block-l, .piczoButtonLarge .block-l:hover { background-position: -571px -52px !important; }
.piczoButtonMedium:hover .block-m, .piczoButtonMedium .block-m:hover { background-position: -275px -25px !important; }
.piczoButtonSmall:hover .block-s, .piczoButtonSmall .block-s:hover { background-position: -207px -19px !important; }
.piczoButtonLarge:hover .leftarrow-l, .piczoButtonLarge .leftarrow-l:hover { background-position: -625px -52px !important; }
.piczoButtonMedium:hover .leftarrow-m, .piczoButtonMedium .leftarrow-m:hover { background-position: -300px -25px !important; }
.piczoButtonLarge:hover .rightarrow-l, .piczoButtonLarge .rightarrow-l:hover { background-position: -674px -52px !important; }
.piczoButtonMedium:hover .rightarrow-m, .piczoButtonMedium .rightarrow-m:hover { background-position: -326px -25px !important; }
.piczoButtonLarge:hover .uparrow-l, .piczoButtonLarge .uparrow-l:hover { background-position: -727px -52px !important; }
.piczoButtonMedium:hover .recycle-m, .piczoButtonMedium .recycle-m:hover { background-position: -375px -25px !important; }
.piczoButtonMedium:hover .openmail-m, .piczoButtonMedium .openmail-m:hover { background-position: -400px -25px !important; }
.piczoButtonMedium:hover .reply-m, .piczoButtonMedium .reply-m:hover { background-position: -425px -25px !important; }