@charset "utf-8";
/**************************
* Admin Control Panel v1.5
*  (c) 2009 Fg Designs
*   www.fgdesigns.net
***************************/

/*** Positive Rare Updates ***/
#frame #content .posUpdates {
	width: 326px;
	margin: 10px 15px 10px 15px;
	padding: 0px;
	float: left;
	background-image: url(template/images/rare_pos_updates.png);
	background-repeat: no-repeat;
}
#frame #content .posUpdates h1.header {
	width: 170px;
	margin: 6px 0px 0px 5px;
	padding: 0px 0px 5px 10px;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px dashed #151515;
	float: left;
}
#frame #content .posUpdates p.updated {
	width: 125px;
	margin: 8px 5px 0px 0px;
	padding: 0px 10px 4px 0px;
	font-size: 12px;
	color: #666666;
	border-bottom: 1px dashed #151515;
	float: right;
	text-align: right;
}
#frame #content .posUpdates .rares {
	width: 314px;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	float: left;
}
#frame #content .posUpdates .rares .rare {
	width: 90px;
	height: 80px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #999999;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#frame #content .posUpdates .rares .rare:hover {
	border: 1px solid #009900;
	position: relative;
}

/*** Negative Rare Updates ***/
#frame #content .negUpdates {
	width: 326px;
	margin: 10px 15px 10px 10px;
	padding: 0px;
	float: right;
	background-image: url(template/images/rare_neg_updates.png);
	background-repeat: no-repeat;
}
#frame #content .negUpdates h1.header {
	width: 170px;
	margin: 6px 0px 0px 5px;
	padding: 0px 0px 5px 10px;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px dashed #151515;
	float: left;
}
#frame #content .negUpdates p.updated {
	width: 125px;
	margin: 8px 5px 0px 0px;
	padding: 0px 10px 4px 0px;
	font-size: 12px;
	color: #333333;
	border-bottom: 1px dashed #151515;
	float: right;
	text-align: right;
}
#frame #content .negUpdates .rares {
	width: 314px;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	float: left;
}
#frame #content .negUpdates .rares .rare {
	width: 90px;
	height: 80px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #999999;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#frame #content .negUpdates .rares .rare:hover {
	border: 1px solid #990000;
	position: relative;
}

/** ToolTip **/
.rare .info {
	display: none;
}
.rare:hover .info {
	display: block;
	margin: 0px 0px 0px 30px;
	padding: 5px;
	width: 122px;
	height: 102px;
	background-image: url(template/images/rare_tooltip.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
}
.rare .info h1.rareName {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 2px 3px 5px 3px;
	padding: 0px;
	font-weight: bold;
}
.rare .info p.hcPrice {
	font-size: 12px;
	color: #444444;
	margin: 0px 3px 5px 3px;
	padding: 0px 0px 0px 25px;
	background-image: url(template/images/rarevalue_hc.png);
	background-repeat: no-repeat;
	background-position: left;
}
.rare .info p.coinPrice {
	font-size: 12px;
	color: #444444;
	margin: 0px 3px 5px 3px;
	padding: 0px 0px 0px 25px;
	background-image: url(template/images/rarevalue_coin.png);
	background-repeat: no-repeat;
	background-position: left;
}
.rare .info p.pos {
	font-size: 12px;
	color: #444444;
	margin: 0px 3px 5px 3px;
	padding: 0px 16px 0px 0px;
	background-image: url(template/images/rare_updates_pos.png);
	background-repeat: no-repeat;
	background-position: right;
}
.rare .info p.pos span {
	color: #006600;
}
.rare .info p.neg {
	font-size: 12px;
	color: #444444;
	margin: 0px 3px 5px 3px;
	padding: 0px 16px 0px 0px;
	background-image: url(template/images/rare_updates_neg.png);
	background-repeat: no-repeat;
	background-position: right;
}
.rare .info p.neg span {
	color: #990000;
}
.rare .info p.none {
	font-size: 12px;
	color: #444444;
	margin: 0px 3px 5px 3px;
	padding: 0px 16px 0px 0px;
	background-image: url(template/images/rare_updates_none.png);
	background-repeat: no-repeat;
	background-position: right;
}
.rare .info p.date {
	font-size: 12px;
	color: #444444;
	margin: 0px 3px 0px 3px;
	padding: 0px;
}