/* Common Layout */
#PanelCanvas
{
	background-color		:	#eeddcc;
	background-image		:	url(../image/background/Canvas.gif);
	width					:	auto;
	height					:	auto;
	padding-top				:	15px;
	padding-bottom			:	15px;
	padding-left				:	20px;
	padding-right			:	20px;
	margin-left				:	auto;
	margin-right				:	auto;
	text-align				:	left;
}
#PanelHeader
{
	background-color		:	#eeddcc;
	background-image		:	url(../image/background/Canvas.gif);
	width					:	auto;
	border-bottom			:	solid 1px #330000;
	margin-left				:	auto;
	margin-right				:	auto;
	padding-top				:	10px;
	padding-left				:	20px;
	padding-right			:	20px;
	text-align				:	left;
}
#PanelFooter
{
	background-color		:	#eeddcc;
	background-image		:	url(../image/background/Canvas.gif);
	border-top				:	solid 1px #330000;
	text-align				:	center;
	font-size				:	10px;
	margin					:	0px;
	padding-top				:	5px;
	padding-bottom			:	10px;
	overflow				:	hidden;
}

/* Panel */
div.Panel
{
	border					:	solid 1px #998888;
	background-color		:	#ffffff;
}
div.PanelHeader
{
	background-image		:	url(../image/background/PanelHeader.jpg);
	background-repeat		: 	no-repeat;
	background-position		:	right top;
	border-bottom			:	solid 1px #998888;
	padding					:	2px 10px 2px 10px;
	font-weight				:	bold;
	color					:	#660000;
}
div.PanelContent
{
	padding					:	8px 10px 8px 10px;
	padding-left				:	8px;
}

/* Panel Photo */
div.PanelPhoto
{
	padding					:	10px;
}
image.Photo
{
	margin					:	10px 0px 4px 0px;
	border					:	solid 1px #998888;
	background-color		:	#ffffff;
}

/* Title */
fieldset
{
	border				:	solid 1px #aaaaaa;
	margin-top			:	-0.5em;
	margin-bottom		:	0.5em;
	padding				:	8px 10px;
}
legend
{
	font-weight			:	bold;
	color				:	#660000;
	margin-top			:	0px;
	padding				:	2px;	
}

#LabelStatus
{
	border				:	solid	1px	#cccccc;
	background-color		:	#eeeeee;
	height				:	1.4em;
	padding-top			:	2px;
	padding-bottom		:	2px;
	padding-left			:	8px;
	padding-right			:	8px;
	margin-top			:	1em;
	margin-bottom		:	4px;
	overflow			:	hidden;
	white-space			:	nowrap;
}
#LabelGreeting, div.LabelGreeting
{
	white-space				:	pre;
	height						:	1.4em;
	border-left					:	solid	4px	#660000;
	padding-left				:	8px;
}



#PanelComment
{
	position					:	absolute;
	z-index					:	100;
	text-align				:	center;
	top						:	200px;
	left						:	200px;
	display					:	none;
	width					:	140px;
	height					:	160px;
	padding					:	6px;
	border					:	solid	1px	#bbbbbb;
	background-color		:	#ffffff;
	opacity					:	0.9;
}

span.PanelButton
{
	border					:	solid 1px #bbbbbb;
	margin					:	8px auto 8px auto;
	padding					:	4px;
	background-color		:	#f7f7f7;
}
span.PanelButton:hover
{
	background-color		:	#ffffdd;
}

div.PanelBanner
{
	text-align				:	center;
	border					:	solid 1px #bbbbbb;
	margin					:	0px auto 4px auto;
	padding					:	4px;
	background-color		:	#f7f7f7;
}
div.PanelBanner:hover
{
	background-color		:	#ffffdd;
}


div.left
{
	float				:	left;
}
div.right
{
	float				:	right;
}
div.clear
{
	clear				:	both;
}