/* CSS Document */

.frame { border:1px solid #D9D9D9; border-top:0px; width:997px; margin: 0px auto; }
#container { position:relative; width:995px; margin: 0px auto; text-align:left; background-color:#fff;}

/* AVATAR - CUST GREETING STYLE */
.avatar { border: 1px solid #00FF00; height: 40px; width: 30px; float: left; margin:0px 3px 3px 0px; }
.avatar_offline { border: 1px solid #bcbcbc; height: 40px; width: 30px; float: left; margin:0px 3px 3px 0px;}

/* To be used for any positioning specific to the myPantone component. */

/* DAILY COLOR TIP STYLES */

.tipTable { border: 1px solid #fff; table-layout: fixed; width: 200px;}
td.tipImage  { }
* html td.tipBackground  { width: 100px; color: #fff; font-weight: bold; padding-left: 20px; }
td.tipBackground  { color: #fff; font-weight: bold; padding-left: 20px; }
.tipTheWordTip { line-height: .85em; font-size: 32px; }
.tipTheTip { font-size: 10px; background-color: #fff; }
.tipLinkCell { font-size: 10px; background-color: #fff; }
div#divDailyColorTip a { color: #8F8F8C; }
div#divDailyColorTip a:hover { color: #333; }

div#divLegacy, div#divRecent, table#tblJoinToday, table#tblHelpCenter { display: none; }

/* PALETTE UPLOAD STYLES */

#up {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#8F8F8C;
	padding:5px;
	border:solid;
	border-width:1px;
	border-color:#8F8F8C;
}

.upimg {
	float:right;
	width:17px;
	height:16px;
}

.uphdr {
	font-size:14px;
	font-weight:bold;
}

.up a {
    text-decoration:none;
	color:#8F8F8C;
}

.up a:hover {
    text-decoration:underline;
	color:#333333;
}


/* content width is 955 */

#topHdr { width:995px; margin:0px auto; background:#fff;}
#topHdr .flash { padding:0px 20px;  }

#bodyContent { padding:0px 20px;}

#hdrContainer { position:absolute; top:0px; left:20px; width:740px; height:100px; background: z-index:1;}
#hdrContainer a { color:#fff; text-decoration:none;}
#hdrContainer a:hover { text-decoration: underline; }


#topNav { position:absolute; top: 52px; left: 70px; }
#topNav { color:#fff; font-size:12px; font-weight:bold; list-style-type:none; margin:0px; padding:0px; cursor: pointer; }
#topNav a:hover { text-decoration: none; }
#topNav li { display:inline; background:url(../images/MYP_mypantone/dot.gif) no-repeat; background-position: 1px 50%; margin:0px; padding:0px;} 
#topNav li a { margin-left: 9px; }
#topNav li.first a { margin-left:0px; } 

#leftColumn { float:left; width: 180px; }
#leftColumn .content { margin-top:100px; padding-right:10px; font-size:10px;}
#leftColumn ul { list-style: none; padding: 0; margin: 0; }
#centerColumn {float:left; width: 560px; }
#centerColumn .content { margin-top:100px; padding-right:15px; font-size:12px;}
#rightColumn { float:left; width: 200px; background-color:#BDBEC1; font-size:12px; color:#fff;}
#rightColumn .content { padding:0px; margin:6px 6px 50px 6px; }
#rightColumn a, #rightColumn a:hover { color: #fff; }
#rightColumn { float:left; width: 215px; background:url(../images/MYP_mypantone/MYP_mypantone_greycap.gif) bottom left no-repeat #BDBEC1; font-size:12px;}


#ftrContainer { clear:both; padding:0px 20px; font-size:11px; }
#ftrContainer p { margin-top: 0px; }

.showmore a { float:right; font-size:10px; color:#fff; text-decoration:none; padding-right:10px; }


/* TOP 5 STLES */
#top5 { width:545px;}
#top5 .top5content { margin-left:33px; }
#top5 h2 { clear:both; margin:0px 0px 13px 0px; padding: 4px 0px 0px 33px; background: url(../images/MYP_mypantone/hdr_titles.gif) top left no-repeat #fff; color:#fff; height:28px; font-size:16px; font-weight:normal;  }
#top5 .palette { clear:both; float:left; width:492px; padding-bottom:10px; color:#8F8F8C;  }
#top5 .palette div { float:left; }
#top5 .palette h3 { margin:0px 0px 3px 0px; font-size:12px;}
#top5 .palette dl { text-align:right; font-size:10px; margin:0px; }
#top5 .palette dt { margin-bottom:5px; }
#top5 .palette div.key { font-size:10px; }

#top5 #box { clear:both; width: 500px; border:1px solid #BDBEC1; margin-bottom:26px;}
#top5 #box2 { clear:both; width: 475px; border:1px solid #BDBEC1; margin-left:33px; margin-bottom:26px; padding: 
5px 5px 5px 5px }
#top5 .box_cell1 { width: 50%; }
#top5 .box_cell2 { width: 50%; vertical-align: top;  } 
#top5 .promoLink { color: #8bb400; text-decoration: none; }
#top5 .promoLink:hover { color: #648100; }

/* ----------- Tag Cloud / Pantone Color Logo (HOME PAGE) ---*/
#top5 .tblCloudTag  { width:440px; margin-left:33px;}
#top5 .tdCloudTag1 { width: 300px; }
#top5 .tdCloudTag2 { padding-left: 10px; }

/* IE PROMOBOX WORKAROUNDS */
/* html #top5 #box { clear:both; width: 550px; border:1px solid #BDBEC1; margin-bottom:26px;}
* html #top5 #box2 { clear:both; width: 480px; border:1px solid #BDBEC1; margin-left:33px; margin-bottom:26px; padding: 
5px 5px 5px 5px } */
/* END PROMOBOX WORKAROUNDS */

#top5 dl.top5colors  { position:relative; float:left; width:102px; margin:0px 0px 26px 0px; font-size:9px; color:#999; text-align:left;  }
#top5 .top5colors dt.pantone { position:absolute; background:url(../images/MYP_mypantone/icon_colors_match.png) top left no-repeat; z-index:10; height:72px; }
#top5 .top5colors dt.nonpantone { position:absolute; background:url(../images/MYP_mypantone/icon_colors_nomatch.gif) top left no-repeat; z-index:20; width:49px;  }

/* IE PNG WORKAROUND */
* html #top5 .top5colors dt.pantone { position:absolute; background-image:none; z-index:10; height:72px; width:49px; }
* html .filter { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/MYP_mypantone/icon_colors_match.png',sizingMethod='crop');}
/* END PNG WORKAROUND */


#top5 .top5colors dt { height:49px; width:49px; margin-bottom:28px; }
#top5 .top5colors dd { margin:0px; }
#top5 .top5colors dd strong { color:#666; font-size:10px; } 

#top5 dl.members  { float:left; width:102px; height:115px; margin:0px 0px 26px 0px; font-size:9px; color:#999; overflow:hidden;  }
#top5 .members dt { margin-bottom:2px; font-size:12px; font-weight:bold; }
#top5 .members dt img.avatar_offline, #top5 .members dt img {float:none; display:block; margin:0px 30px 4px 0px;}
#top5 .members dd { margin:0px;}
#top5 .members dd strong { color:#666; font-size:10px; }

#top5 h2.tabs { margin:0px; }
#top5tabs { position:relative; list-style:none; margin:0px; padding:0px; font-size:10px; height:30px; }
#top5tabs li { position:absolute; float:left; width:139px; margin:0px; padding:5px 0px; text-align:center; background:url(../images/MYP_mypantone/bg_tab.gif) bottom left no-repeat; }

#top5tabs li.tab1 { left:33px; z-index:3; }
#top5tabs li.tab2 { left:133px; z-index:2; }
/* #top5tabs li.tab3 { left:233px; z-index:1; } */
/* #top5tabs li.tab4 { left:333px; z-index:0; width:175px; background:url(../images/MYP_mypantone/bg_tab_alt.gif) bottom left no-repeat; } */
#top5tabs li.tab4 { left:233px; z-index:0; width:175px; background:url(../images/MYP_mypantone/bg_tab_alt.gif) bottom left no-repeat; }
#top5tabs li.active, #top5tabs li.active a { color:#333; z-index:4; }
#top5tabs li a { color:#8F8F8C; text-decoration:none; }
#top5tabs li:hover, #top5tabs li a:hover { color:#333; text-decoration:none; z-index:100; direction:ltr; }

/* END TOP 5 STLES */

/* START PROFILE STLES */

#profile { width:472px; margin:0px 25px 0px 33px; }
#profile h3 { font-size:18px; }
#profile .profileHdr { width:472px; }
#profile .profileHdr dl { float:left; margin:0px; }
#profile .profileHdr dt { font-size:15px; font-weight:bold; margin-left:0px; }
#profile .profileHdr dt.avatar { float:left; margin:0px; width:30px; height:40px; } 
#profile .profileHdr dt.avatar img { border:1px solid #fff;} 
#profile .profileHdr dt.avatar img.online { border:1px solid #9c0;} 
#profile .profileHdr dl.noavatar dt, #profile .profileHdr dl.noavatar dd { margin-left:0px; } 
#profile .profileHdr dd { font-size:10px; margin-left:31px; width:320px;}
#profile .profileHdr ul { float:right; font-size:10px; text-align:right; list-style-type:none; line-height:160%; margin:0px; }
#profile .profileHdr .online { color: #9c0; }

#profile .profileDetail { clear:both; padding-top:10px;}
#profile .profileDetail dl.stats { float:left; margin:0px; width:172px; line-height:110%;height:100px; font-size:12px;  }
#profile .profileDetail dl.stats dt { font-weight:bold; }
#profile .profileDetail dl.stats dd { margin-left:0px; font-size:10px; }
#profile .profileDetail .info { float:right; width:300px; height:110px; margin:0px; padding:0px; font-size:10px; font-weight:normal; }
#profile .profileDetail .profileimg { float:right; width:70px; }
#profile .profileDetail dl.colorstrology {float:right; margin:0px 0px 0px 1px; width:139px; color:#fff; height:110px; }
#profile .profileDetail dl.favorite { float:right; margin:0px 0px 0px 1px; width:89px; color:#fff; height:110px; }
#profile .profileDetail dl.favorite dd, #profile .profileDetail dl.colorstrology dd { margin:0px; padding:0px 5px; }
#profile .profileDetail dl.colorstrology dd.adjectives { padding-top: 5px; }
#profile .profileDetail dl.favorite dt, #profile .profileDetail dl.colorstrology dt { padding:5px; }

/* FOR IE ONLY - made text 1px smaller*/
* html #profile .profileDetail .info { float:right; width:300px; height:110px; margin:0px; padding:0px; font-size:10px; font-weight:normal; }
/* END FOR IE ONLY */


#profile .profileBio { clear:both; font-size:12px; padding-top:5px;  }
#profile .profileBio h3 { font-size:12px; margin-bottom:0px;line-height:125%;  }
#profile .profileBio p { margin-top:0px; line-height:125%; }

#profile #proflink label { float:left;font-size:12px; margin:0px; font-weight:bold; line-height:200%; }
#profile #proflink input { float:left; font-size:12px; margin:0px; width:420px; border:1px solid #8F8F8C;line-height:100%; }
/* END PROFILE STLES */

/*PROFILE ALT */

a.edit { color:#333; font-size:10px; font-weight:bold; text-decoration:none; }
a.edit:hover {color:#8F8F8C; }
#profile .cloudtagHldr { float:left; width:220px; border:1px solid #E5E5E7; }
#profile .inspImage {float:right; width:255px; height:115px; border:1px solid #E5E5E7; }
#profile .inspImage dl {margin:5px; }
#profile .inspImage dt.avatar img { float:right; border:1px solid #8F8F8C;}
#profile .inspImage dt { font-size:12px; font-weight:bold; }
#profile .inspImage dd { font-size:10px; margin:10px 0px; }


.message_
{
	border:1px solid #999999;
	background-Color:white;
	width:150px;
	position:relative;
	z-index:10;
	left:150px;
	top:-30px;
	padding:7px;
	text-align:left;
	
}

.xrefFtr
{
	color:#FFFFFF;
}

/*MEMBER VIEW STYLE */
#memberview { height:115px;}
#memberview dl.members  { float:left; width:102px; margin:0px 0px 26px 0px; font-size:9px; color:#999; overflow:hidden;  }
#memberview .members dt { margin-bottom:2px; font-size:12px; font-weight:bold; }
#memberview .members dt img.avatar_offline, #memberview .members dt img {float:none; display:block; margin:0px 30px 4px 0px;}
#memberview .members dd { margin:0px;}
#memberview .members dd strong { color:#666; font-size:10px; }