/*
 * COPYRIGHT (c) 2008 www.FashionsFriend.com. ALL RIGHTS RESERVED.
 * http://www.fashionsfriend.com
 * @Author A.D.JC
*/









/* toggle (need delete) */
.toggle * { margin:0; padding:0;}
.toggle a { text-decoration:none; cursor:pointer;}
.toggle a { display:block; float:left;}
.toggle a span { display:block; float:left;}
.toggle a:hover,
.toggle li.toggle_up a { text-decoration:none; background-position:0% 100%;} 
.toggle a:hover span,
.toggle li.toggle_up a span { text-decoration:none; background-position:100% 100%;}


/* screenMasker */
#screenMasker {
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	opacity:0.6;
	filter:alpha(opacity=60);
	background:#fff;
}
#screenWindow {
	position:absolute;
	z-index:1000;
	top:35%;
	left:35%;
	padding:20px 30px;
	border:2px solid #9EBD41;
	background:#FCFDF7;
	font-size:12px;
}


/* tab */
.tabnav                 { margin:16px auto; padding:11px 6px; border-bottom:1px solid #e1e1e1;}
.tabnav li              { display:inline;}
.tabnav li a            { padding:9px 12px; border:1px solid #e1e1e1; border-bottom:none; background:#f6f6f6; color:#99a;}
.tabnav li.t_up         { border-bottom:1px solid #fff; background:#F1F5E2;}
.tabnav li.t_up a       { position:relative; top:1px; padding-top:14px; background:#fff; font-size:12px; font-weight:bolder; color:#000;}
.tabnav li a:hover      { text-decoration:underline; color:#f60;}
.tabnav a:hover         { background:#fff;}


/* user info (icon,name,level) */
.mUser                  { color:#99a;}
.mUser p                { float:left;}
.mUser p.icon img       { padding:1px; border:1px solid #f1f1f1; width:32px; height:32px; background:#fff;}
.mUser p.name           { margin-left:5px;}
.mUser p.name a         { display:block;}
.mUser p.name a:hover font { text-decoration:underline; color:#f60;}
.mUser p.name span img  { width:13px; height:12px; vertical-align:top;}


/* float and text align */
.fl                     { float:left;}
.fr                     { float:right;}
.cl                     { clear:left;}
.cr                     { clear:right;}
.cb                     { clear:both;}
.tl                     { text-align:left;}
.tr                     { text-align:right;}
.tc                     { text-align:center;}
.tj                     { text-align:justify;}


/* (need move) */
.c_pink a               { color:#EB5465;}
.c_blue a               { color:#4F89D0;}
.c_green a              { color:#690;}
.c_dark a               { color:#E99D01;}


/* popular and knowledge and brand (need move) */
.xSpace1                { position:relative; margin-top:-12px;}
.xSpace2                { margin-top:30px;}
.publicReleased ul li   { float:left; padding:10px 5px 10px 16px; width:160px; text-align:center;}
.publicReleased ul li a { display:block; padding-top:3px;}