/* profile_box.css -- CSS Document
------------------------------
- user profile box
- website box
------------------------------
*/

/* user profile box */
.profile_box {
	background-image:url('/img/profile_box.png');
	width:157px;
	height:146px;
	padding-left:40px;
	padding-top:15px;
	display:none;
	z-index:5000;
}
.profile_box h1 {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	display:block;
}
.profile_box h1#name {
	width:140px;
}
.profile_box h2 {
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	display:block;
	height:15px;
}
.profile_box p {
	color:#000000;
	font-size:9px;
	font-weight:normal;
	padding-bottom:7px;
	display:block;
}

/* website box */
.website_box {
	background-image:url('/img/website_box.png');
	width:207px;
	height:137px;
	padding-left:28px;
	padding-top:15px;
	display:none;
	z-index:5000;
}
.website_box h1 {
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
	display:block;
}
.website_box h1#site_name {
	width:190px;
}
.website_box h2 {
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	margin-bottom:15px;
	display:block;
	height:15px;
}
.website_box h2 div.text {
	margin-top:5px;
	margin-left:6px;
}
.website_box p {
	color:#000000;
	width:185px;
	overflow:hidden;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	padding-bottom:3px;
	display:block;
	height:50px;
}
#website_box #star_value.star_1 {
	width: 20%;
}
#website_box #star_value.star_2 {
	width: 40%;
}
#website_box #star_value.star_3 {
	width: 60%;
}
#website_box #star_value.star_4 {
	width: 80%;
}
#website_box #star_value.star_5 {
	width: 1000%;
}